Не работает редирект на страницу, при нажатии на кнопку

Question

function fun1() {
  window.location.href = "Dino.html";
}

<div class="container">
  <img src="https://cdn.hipwallpaper.com/i/93/78/onIlzr.jpg" alt="Snow">
  <button onclick="fun1" class="btn">Button</button>
</div>

Answer 1

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

Поэтому для решения достаточно дописать ()

function fun1() {
  window.location.href = "Dino.html";
}

img {
  max-width: 50%;
}

<div class="container">
  <img src="https://cdn.hipwallpaper.com/i/93/78/onIlzr.jpg" alt="Snow">
  <button onclick="fun1()" class="btn">Button</button>
</div>

Либо использовать не инлайновые обработчики, а метод .addEventListener

function fun1() {
  window.location.href = "Dino.html";
}

document.querySelector('.btn').addEventListener('click', fun1);

img {
  max-width: 50%;
}

<div class="container">
  <img src="https://cdn.hipwallpaper.com/i/93/78/onIlzr.jpg" alt="Snow">
  <button class="btn">Button</button>
</div>

БЛОГ НА HUSL

Не работает редирект на страницу, при нажатии на кнопку

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