From Jquery to Javascript

Question

From Jquery to Javascript

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

I would like to know how is this Jquery code to Javascript

$(document).ready(function(){
    $('#nav-icon').click(function(){
        $(this).toggleClass('open');
    $(".overlay").toggleClass("open");
    $(".overlay a").toggleClass("open");
    });
});

javascript jquery

asked by Dinora Pc 03.12.2018 в 23:34

source

2 answers

Pass a variable between components | Angular 7 Insert the value of two combos into a database table

score 0 · Answer 1

It would be something like this:

window.addEventListener('load', function () {
    var object1 = document.getElementById('nav-icon');
    object1.addEventListener("click", function(){
         object1.classList.add("open");
         document.getElementsByClassName('overlay').forEach(function(el){
              el.classList.add("open");
         });
    });
}, false);

score 0 · Answer 2

Here is an example of how I would do it:

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#nav-icon').addEventListener('click',(e)=>{
    e.target.classList.toggle('open');
  document.querySelector('.overlay').classList.toggle('open');
  document.querySelector('.overlay a').classList.toggle('open');
  });
});

.open{
background-color:red;
}

<html>
<button id="nav-icon">boton</button>
<div class="overlay"><a>ddddd</a></div>
</html>