Добрый день. Подскажите как создать функцию добавления пунктов меню в выпадающий список? Без использования фреймворков.
Мой код:
<!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;
}
