Изменение значений с помощью JS

onchange в JS представляет собой событие, которое возникает, когда пользователь изменяет значение элемента формы, например, текстовое поле, выпадающий список или флажок. Как только изменения произойдут, функция, связанная с событием onchange, вызывается автоматически.

Пример кода:

HTML:

Выберите фрукт:

  - Выберите фрукт -
  Яблоко
  Банан
  Апельсин
  Киви

JS:

function getSelectedFruit() {
  var selectedFruit = document.getElementById("fruit").value;
  console.log("Выбранный фрукт: " + selectedFruit);
}

В этом примере, мы добавляем событие onchange к элементу select с id "fruit". Функцию getSelectedFruit() вызывается при каждом изменении выбранного фрукта из выпадающего списка. Когда это происходит, функция получает выбранное значение (value) и выводит его в консоль.

Другой пример:

HTML:

Введите число:

JS:

function showSquare() {
  var num = document.getElementById("number").value;
  var square = num * num;
  document.getElementById("square").innerHTML = "Квадрат числа " + num + " равен " + square;
}

В этом примере, мы добавляем событие onchange к текстовому полю, в которое пользователь вводит число. Когда число изменяется, функция showSquare() вызывается, которая вычисляет квадрат числа и отображает его на странице в теге

с id "square".

В заключение, onchange является очень полезным событием в JS, которое позволяет отслеживать изменения пользовательского ввода и выполнение соответствующих задач функций.