Доброго времени суток.
Пишу приложение для Хром. Стартовая страница "Меню". Её задача - сориентировать пользователя какую страницу открыть второй по клику на "Вutton". А вот на этой (второй) странице есть кнопка "FullScreen", по клику переводящий страницу в полноэкранный режим.
Так вот: я хочу сделать так, чтобы по клику на "Вutton" вторая страница открывалась сразу в полноэкранном режиме.
Для этого написал так:
|
Код:
|
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="styleSt.css" />
</head>
<body>
<div class = "menu">
<button class = "page"><h1>страница1</h1></button>
<button class = "page"><h1>страница2</h1></button>
<button class = "page"><h1>страница3</h1></button>
<button class = "page"><h1>страница4</h1></button>
</div>
<script>
let bd = document.querySelector ("body");
let page = document.querySelectorAll(".lang");
for (let j = 0; j < 4; j++){
page[j].addEventListener ("click", function() {
document.location.href = "index2.html";
bd.requestFullscreen();
let target = event.target;
target.style.display = "none";
})
};
</script>
</body>
</html> |
Код работает наполовину. Новая страница открывается, но не в полноэкранном режиме.
В чём дело, где я ошибаюсь?