как я могу добавить событие в объект списка узлов

Question

как я могу добавить событие в объект списка узлов

У меня были похожие симптомы, но еще одно решение: в файле /etc/apache2/mods-enabled/php5.conf в комментарии был полезный совет, который я использовал:

# To re-enable php in user directories comment the following lines
# (from <IfModule ...> to </IfModule>.) Do NOT set it to On as it
# prevents .htaccess files from disabling it.

-1

javascript html events onclick

задан CertainPerformance 6 March 2019 в 07:02

2 ответа

Другие вопросы по тегам:

javascript html events onclick

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

score 0 · Answer 1

В вашем коде есть две проблемы:

Вам нужно использовать menu--open вместо .menu--open внутри функции переключения списка классов
Вам нужно использовать [115 ] вместо menuButton.classList.toggle

//reference to the ".menu" class
const menu = document.querySelector('.menu');
console.log(menu)

const menuButton = document.querySelector('.menu-button')
// Using your menuButton reference, add a click handler that calls toggleMenu
console.log(menuButton);
menuButton.addEventListener("click", function() {
  menu.classList.toggle('menu-open');
});

.menu.menu-open {
  display: none;
}

<div class="header">
  <img class="menu-button" src="./assets/menu.png" />
  <h1>Lambda School Newsfeed</h1>
</div>
<div class="menu">
  <ul>
    <li>Students</li>
    <li>Faculty</li>
    <li>What's New</li>
    <li>Tech Trends</li>
    <li>Music</li>
    <li>Log Out</li>
  </ul>
</div>

score 0 · Answer 2

Удалить . из .menu--open в этом фрагменте menuButton.classList.toggle('.menu--open');

//reference to the ".menu" class
const menu = document.querySelector('.menu');
console.log(menu)

const menuButton = document.querySelector('.menu-button')
// Using your menuButton reference, add a click handler that calls toggleMenu
console.log(menuButton);
menuButton.addEventListener("click", function() {
  menuButton.classList.toggle('menu--open');
});

.menu--open {
  border: 1px solid red;
}

.header {
  cursor: pointer;
}

<div class="header">
  <img class="menu-button" src="./assets/menu.png" />
  <h1>Lambda School Newsfeed</h1>
</div>
<div class="menu">
  <ul>
    <li>Students</li>
    <li>Faculty</li>
    <li>What's New</li>
    <li>Tech Trends</li>
    <li>Music</li>
    <li>Log Out</li>
  </ul>
</div>