IKURSKZ

Все курсы

Образовательная платформа

Урок 5. Слайд 3.

Обработчик событий onChange
1. Создайте файл lesson5-3.html.
2. Создайте в нем выпадающий список.
3. Добавьте к нему обработчик событий onChange.
4. Выведите в консоль сообщение о том что значение тега изменено.
5. Проверьте работоспособность кода.

<!DOCTYPE html>
<html>
<body>

<p>Измените текст в поле и кликните вне тега input для того чтобы сработал обработчик onchange.</p>

Введите любой текст: <input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">

<script>
function myFunction(val) {
  alert("Изменено значение в input. Новое значение: " + val);
}
</script>

</body>
</html>
Самостоятельная работа:
<!DOCTYPE html>
<html>
<body>

<p>Самостоятельно добавьте обработчик onchange для выпадающего списка.</p>

<select>
	<option>JS</option>
	<option>PHP</option>
	<option>PYTHON</option>
	<option>C#</option>
</select>
</body>
</html>

JavaScript

События в JavaScript onMouseMove и onMouseOut .

5 урок

JavaScript
Урок 5
Предыдущий слайд
Следующий слайд