Задание 1.
- Создать пустой файл date1.htm с заголовком окна «Текущая дата».
- В теле документа предусмотреть вывод текста «Сегодня:».
- Cкопировать и правильно вставить в документ следующий код:var date, day, month, year,currentDate;
date=new Date(); // получение полной информации о текущей дате
day=date.getDate(); // номер дня месяца
1 month=date.getMonth()+1; // номер месяца, отсчитывается от нуля
year=date.getFullYear(); // год четырьмя цифрами
// формирование строки для вывода, плюс — конкатенация
currentDate = day + «-» + month + «-» + year;
// вывод строки в документ
document.write(currentDate); - Убедиться, что дата выводится правильно.
- Отформатировать вывод так, чтобы:
- цвет фона отличался от белого (выбрать самостоятельно),
- подобрать индивидуальные цвета для текста «Сегодня:» и даты (должны отличаться от черного) и использовать полужирный шрифт,
- день месяца вывести подчеркнутым:
-
Ключевые слова для обозначения цветов можно найти здесь.
В результате у Вас получится код:
<html> <head> <title>Вывод даты.</title> <style> div { background: #ffff00; /* Цвет фона желтый */ max-width: 150px; /* Максимальная ширина элемента*/ margin-left: auto; /* Отступ слева. Размер будет автоматически рассчитан браузером */ margin-right: auto; /* Отступ справа */ font-weight: bold; /* Для выделения текста жирным шрифтом */ } </style> <sсript> function f(){ var date, day, month, year,currentDate; date=new Date(); // получение полной информации о текущей дате day=date.getDate(); // номер дня месяца month=date.getMonth()+1; // номер месяца, отсчитывается от нуля year=date.getFullYear(); // год четырьмя цифрами //формирование строки для вывода, плюс — конкатенация currentDate ="-" + month + "-" + year; // вывод строки в документ //document.write(currentDate); document.write ('<span style="color: red;">' + 'Сегодня: ' + '</span><span style="color: teal;">' + '<u>' + day + '</u>' + '</span><span style="color: teal;">' + currentDate + </span>'); //document.write('Сегодня:', currentDate); </sсript> </head> <body> <div> <sсript> f(); </sсript> </div> </body> </html> |