Во временной странице Untitled-1.html создайте таблицу из одной строки и двух ячеек:
- в первой ячейке напишите слова “Щёлкни по тексту!” и добавьте скрипт, который при щелчке на этих словах вызывает окно сообщения “Молодец!”;
- во второй ячейке напишите слова “Наведи на меня мышь!” и добавьте скрипт, который при наведении мыши на этих словах вызывает окно сообщения “Какой ты ловкий!”
Событие onChange — изменение текста. Оно возникает при изменении информации в текстовом поле. Это событие удобно использовать для проверки того, что ввёл в поле пользователь.
В пособии «Основы HTML» мы познакомились c управляющими элементами input, которые позволяют пользователю вводить свои данные. Текстовое поле создаётся тегом input type="text".
Задание 4
Создайте текстовое поле и напишите для него сценарий, по которому после изменения текста и ухода курсора из него вызывалось окно сообщения «Вы изменили текст — уверены, что он правильный?».
Что должно получиться
Этот код в действии: пример на сайте http://webuchitel.ru/JavaScript/js_01.html
Переключатель (радиокнопка) создаётся тегом input type="radio", он может быть либо установлен, либо сброшен. Переключатели объединяются в группы связанных элементов, имеющих одинаковые значения атрибутов name. При установке одного из переключателей в группе другие переключатели сбрасываются.
Для программирования реакции на изменение переключателя в каждый из них записывают обработчик события onclick. Когда пользователь щёлкает на переключателе, элемент вызывает свой обработчик для изменения другого HTML-элемента.