Adam Ladell 22 января 2019 0

Как правильно использовать функцию javascript .onclick?

Adam Ladell / 22 января 2019

При использовании .onclick для запуска функции она не выполняется.Я сделал что-то не так?

<script>
  const object1 = document.getElementById('object1');
  const image2Path = "image2.svg";

  object1.onclick = () => {
    object1.src = image2Path;
  }
</script>
<body>
  <img id='object1' src="image1.svg">
</body>

Я ожидаю, что изображение 1 (которое будет успешно отображаться) изменится на изображение 2, когда я нажму на объект.

Ответы [ 2 ]

Vadim Gutul / 22 января 2019

  const object1 = document.getElementById('object1');
  const image2Path = "image2.svg";

  object1.onclick = () => {
    object1.src = image2Path;
  }

<body>
  <img id='object1' src="image1.svg">
</body>

mortb / 22 января 2019

Вам необходимо правильно связать обработчик onclick. Это был бы способ сделать это:

<script>
  function toogle()
  {
     const object1 = document.getElementById('object1');
     const image2Path = "image2.svg";

     object1.src = image2Path;
  }
</script>
<body>
  <img id='object1' src="image1.svg" onclick="toggle();">
</body>

...