- First thing
- Second thing
- Third thing
var select= document. querySelector(' #select' );
select.addEventListener ('click', function () '
var button= document.querSelector ('button");
function random (number) {
return Math. floor (Math.random () * (number));
}
function randomColor () {
var randomColor= 'rgb ('+random(255)+','+random (255)+','+random(255)+')';
return randomColor
}
button.addEventListener ('click', function(e){
console.log(event.target);
document.body.style.
document.body.style.backgroundColor=
randomColor ();
});
{
var button = document.querSelector('button');
function addElement(value) {
document.getElementById('container').innerHTML
+= '
'+vaue+'
'
button.addEventListener ('click', function (event) {
var value= document. querySelector ('input'). value
addElement(value);
});
var squares= document.querySelectorAll('.square')
;
for (i=0; i< squares.length; i++) {squares.addEventListener('mouseover',function(e) {
});
/moseseout//
squares[i].addEventListener ('mouseover',
function(e){
turnBlue(e.target);
})
}
document.querySelect
To learn more HTML/CSS, check out these tutorials!