@Ramzzza

Как правильно сделать такой функционал на js по клику?

Есть задача сделать опрос на js. Долго бился над этим вопросом, в итоге все, что смог сделать, написать такой код, приведенный ниже. Как его можно грамотно переписать, чтобы он выглядел так скачать по-человечески?
Вот сам код js:

let z  = document.querySelector('#insert');
let button1 = document.querySelector('#next');
let button2 = document.querySelector('#back');
let buttonExit = document.querySelector('#exit')
button1.onclick = next;
button2.onclick = back;
function next(){
	z.innerHTML = 'первый';
	button1.onclick = next2;
	buttonExit.onclick = escape;
}
function next2(){
	z.innerHTML = 'второй';
	button1.onclick = next3;
	button2.onclick = next;
	buttonExit.onclick = escape;
}
function next3(){
	z.innerHTML = 'третий'
	button1.onclick = next4;
	button2.onclick = next2;
	buttonExit.onclick = escape;
}
function next4(){
	z.innerHTML = 'четвертый'
	button2.onclick = next3;
	buttonExit.onclick = escape;
}
function escape(){
	z.innerHTML = '';
	button1.onclick = next;
	button2.onclick = '';
}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="s.css">
</head>
<body>
	<div id="insert"></div>
	<button type="button" id="back">назад</button>
	<button type="button" id="next">вперед</button>
	<button type="button" id="exit">Выход</button>
	<script src="js.js"></script>
</body>
</html>
  • Вопрос задан
  • 119 просмотров
Решения вопроса 1
@Hedy
Для базового понимания - как-то так:
https://jsfiddle.net/r0bdc2uv/1/

С предыдущим ответом не согласен в данных моментах:
"1. Стараться не использовать ID." - ничего плохого в этом нету, для элементов которые являются одиночными на странице - использовать ID как раз правильно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы