document.getElementById('title1').setAttribute("style", "background-color: green"); document.getElementById('title1').setAttribute("style", "color: white"); document.getElementById('title2').setAttribute("style", "background-color: green"); document.getElementById('title3').setAttribute("style", "background-color: green"); document.getElementById('title4').setAttribute("style", "background-color: red"); document.getElementById('title5').setAttribute("style", "background-color: red");

Click this once and the background should change green, double-click the text should change white.

Double-click or triple click this and the background should change green

Double-click this and the background should change green

Nothing should happen when clicking this

Onmouseover should not do anyhting