Почему не работает onclick html?

Question

[stintikss]

Html не хочет распознавать onclick(последние кавычки белые - следовательно, не распознал), и из за этого ничего в JS не работает

<div id="operator_btns">
  <button id="plus" onclick="op='+'">+</button>
  <button id="minus" onclick="op='-'">-</button>
  <button id="times" onclick="op='*'">x</button>
  <button id="divide" onclick="op='/'">:</button>
</div>

Comments

[szQocks]

видимо даже сам html намекает на то что бы ты не юзал onclick в html

[maksam07]

Присвоили, возможно, вы значение переменной, а дальше что?

[Владислав Лысков]

нам всем интересно, а что должно произойти?

[Владимир Римидалв]

последние кавычки белые - следовательно, не распознал

А если запустить?

ничего в JS не работает

Ошибка то какая?

Вот песочница, все работает
https://jsfiddle.net/wuh7m461/15/

(жмем на знак -> меняется op -> жмем show op -> смотрим результат изменения -> повторить сколько надо)

Answer 1

[alex1nd]

Попробуйте заменить одинарные кавычки на экранированные двойные кавычки или полностью использовать одинарные кавычки:

<div id="operator_btns">
  <button id="plus" onclick="op='+';">+</button>
  <button id="minus" onclick="op='-';">-</button>
  <button id="times" onclick="op='*';">x</button>
  <button id="divide" onclick="op='/';">:</button>
</div>

Убедитесь, что переменная op объявлена глобально, чтобы она была доступна в любом месте вашего кода:

var op;

Откройте консоль разработчика в браузере (F12 в большинстве браузеров) и посмотрите на вкладку "Консоль". Если там есть ошибки JavaScript, они могут указать на проблемы.