как изменить значение переменной в js по нажатию кнопки на странице

Question

есть Bootstrap кнопка вида:

<input type="submit" id="remove" class="btn btn-success" value="Поменять график">

есть переменная в JS вида:

let chart_type = 'line'

как мне изменить значение (chart_type = 'line') на (chart_type = 'bar') при нажатии на кнопку?

Answer 1

Раз уж у Вас есть ID кнопки под названием "remove", то по нему Вы можете создать событие onclick, позволяющее выполнить требуемые действия, примерно следующим образом:

let chart_type = 'line';

document.getElementById("remove").onclick = function() {
  chart_type = 'bar';
  console.log("Значение переменной успешно изменено!");
};

document.getElementById("checkVar").onclick = function() {
  console.log("chart_type = " + chart_type);
};

<input type="submit" id="remove" class="btn btn-success" value="Поменять график">
<button id="checkVar">Нажмите, чтобы узнать значение chart_type</button>

БЛОГ НА HUSL

как изменить значение переменной в js по нажатию кнопки на странице

Ответы (1 шт):