onclick filter javascript

python answered on January 20, 2023 Popularity 3/10 Helpfulness 7/10

answer onclick filter javascript

onclick filter javascript

Comment

Tip Python 1 GREPCC

onclick filter javascript

<body>
    <div class="menu-list">
        <ul id="menu_list">
            <li><a href="#">Home</a></li>
            <li id="nOtThis"><a href="#">About</a></li>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">FAQ's</a></li>
        </ul>
        <button id="btn">Click Me!</button>
    </div>

    <script>
        const targets = document.querySelectorAll('#menu_list li');
        const listItems = Array.from(targets).filter(el => el.id !== 'nOtThis')
        const button = document.getElementById('btn');
        const clickHandler = ()=> {
            listItems.forEach(item => {
                const oldClass = item.classList;
                return item.classList = oldClass == 'active' ? "" : 'active';
            })
        }

        if(listItems.length > 1) {
              button.addEventListener('click', clickHandler);
            }

    </script>
</body>

xxxxxxxxxx

<body>

    <div class="menu-list">

        <ul id="menu_list">

            <li><a href="#">Home</a></li>

            <li id="nOtThis"><a href="#">About</a></li>

            <li><a href="#">Contact Us</a></li>

            <li><a href="#">FAQ's</a></li>

        </ul>

        <button id="btn">Click Me!</button>

    </div>

    <script>

        const targets = document.querySelectorAll('#menu_list li');

        const listItems = Array.from(targets).filter(el => el.id !== 'nOtThis')

        const button = document.getElementById('btn');

        const clickHandler = ()=> {

            listItems.forEach(item => {

                const oldClass = item.classList;

                return item.classList = oldClass == 'active' ? "" : 'active';

})

        if(listItems.length > 1) {

              button.addEventListener('click', clickHandler);

    </script>

</body>

Popularity 3/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: filter javascript onclick

Link to this answer
Share Copy Link

Contributed on Jan 20 2023

python

0 Answers Avg Quality 2/10

onclick filter javascript

Contents

More Related Answers

onclick filter javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.