Как сделать кнопку рандома на сайте

Рейтинг: -3Ответов: 1Опубликовано: 18.04.2023

Здраствуйте, хочу сделать кнопку на сайте при нажатии на которую открывалась случайная html страница из списка. Может кто-нибудь подсказать?

Написал такой скрипт:

const page = document.querySelector('Random');
var links = ['01.html','02.html'];

page.onclick = function() {
page.location.href = links[Math.round(Math.random() * 1)];
}

Ответы

▲ 0Принят

Твой скрипт имеет ошибку.

Необходимо файл, на котором находится кнопка с классом "Random", поместить в тег с атрибутом href, который будет указывать путь к файлу (01.html, 02.html и т.д.).

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

<a href="#" class="Random">Нажми меня</a>
const page = document.querySelector('.Random');
const links = ['01.html','02.html'];

page.onclick = function(event) {
  event.preventDefault();
  window.location.href = links[Math.floor(Math.random() * links.length)];
};

Как ты можешь заметить, мы изменили выбор случайной страницы и исправили ошибки в синтаксисе. Теперь код должен работать. При нажатии на кнопку ссылка будет выбираться случайным образом из списка и открываться в текущей вкладке.

Надеюсь, это поможет тебе реализовать функционал на твоем сайте!