-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
42 lines (32 loc) · 942 Bytes
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
let hola = 'Hello';
var colores = document.getElementById('colores');
var colorValor = colores.value;
var erase = document.getElementById('borrar');
var cajas = document.getElementsByClassName('box');
var limpiarCanvas = document.getElementById('limpiar');
var pintar = document.getElementById('brocha');
colores.addEventListener('input', ()=>{
colorValor = colores.value;
})
function colorear(e, color){
var caja = e.target;
if (caja.classList == 'box'){
caja.style.backgroundColor = color;
}
}
function borrar(){
colorValor = 'white';
}
function borrarTodo(){
for(let i = 0; i < cajas.length; i++){
cajas[i].style.backgroundColor = 'white';
}
}
limpiarCanvas.addEventListener('click', borrarTodo);
erase.addEventListener('click', borrar);
window.addEventListener('click', (e)=>{
colorear(e, colorValor);
});
pintar.addEventListener('click', ()=>{
colorValor = colores.value;
})