Javascript change div color on click once for each

by

You can do like that. Just add a class like “active” to the clicked element and remove it from others

var menu = document.querySelector("#menu");

for(var i = 0; i < menu.children.length; i++){
    menu.children[i].onclick = function (event){
    document.querySelector(".active").className = "";
    event.target.className = "active";
  }
}

https://jsfiddle.net/jc61tgns/

More Related Contents:

  1. browser freezes with this js code, why?
  2. php How to save post and save show to php file like this [closed]
  3. Multiple Javascript If / Else Statements not working, only last one is executing
  4. I need help on this project for my friend
  5. Why isn’t my JavaScript working in JSFiddle?
  6. How to trigger a file download when clicking an HTML button or JavaScript
  7. How do I scroll to an element using JavaScript?
  8. HTML5 Canvas vs. SVG vs. div
  9. addEventListener(“click”,…) firing immediately [duplicate]
  10. Does HTML5 allow drag-drop upload of folders or a folder tree?
  11. Changing the selected option of an HTML Select element
  12. Bootstrap close responsive menu “on click”
  13. Vanilla JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  14. jQuery: Why use document.ready if external JS at bottom of page?
  15. getAttribute() versus Element object properties?
  16. get the data of uploaded file in javascript
  17. How to render HTML string as real HTML?
  18. Is it possible to dynamically scale text size based on browser width?
  19. Bug with Chrome’s localStorage implementation?
  20. Submit and onclick not working together
  21. Google Maps API v3: InfoWindow not sizing correctly
  22. Why does `childNodes` return a number larger than I expect?
  23. Can you target an elements parent element using event.target?
  24. Scroll Position of div with “overflow: auto”
  25. How to make the HTML renders before the alert is triggered?
  26. Keep tabbing within modal pane only
  27. No sound on iOS 6 Web Audio API
  28. How to bind img src to data in Vue
  29. Could a website force the browser to go into fullscreen mode?
  30. find words in html page with javascript

Leave a Comment