@Damruss

Как создать функцию добавления пунктов меню?

Добрый день. Подскажите как создать функцию добавления пунктов меню в выпадающий список? Без использования фреймворков.
Мой код:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="menu" id="menu1">
		<button class='button'>Click</button>
		<ul class='list'>
			<li class="title title_1">Title 1</li>
			<li class="title title_2">Title 2</li>
			<li class="title title_3">Title 3</li>
			<li class="title title_4">Title 4</li>
			<li class="title title_5">Title 5</li>
		</ul>
	</div>



	<script src="index.js"></script>
</body>
</html>


function Menu(options) {
  var elem = options.elem;

  elem.onmousedown = function() {
    return false;
  }

  elem.onclick = function(event) {
    if (event.target.closest('.button')) {
      elem.classList.toggle('open');
    }
    if (event.target.closest('.title')) {
    	alert(event.target.innerHTML);
    }
  };

}

var menu = new Menu({
  elem: document.getElementById('menu1')
});


.menu ul {
	display: none;
}

.menu.open ul {
  display: block;
}
  • Вопрос задан
  • 136 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
prompt - окошко для ввода текста
appendChild - добавит нового "ребенка"
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
функцию добавления пунктов меню в выпадающий список?
вам может надо функцию для выпадающего меню?А то смысл ДОБАВЛЯТЬ в меню пункты как бы отсутствует.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы