ya busque por todos lados y la solucion dice que probablemente no haya id con ese nombre, pero en el .html si esta ese id, no se que hacer, dice que el error se encuentra en cuadrito.addEventListener("mouseup", levantarMouse); y en los sitios donde he buscado solo dice que es porque probablemente no haya id con ese nombre, pero revise y si esta el id, aqui puse el archivo de javascript y el archivo de html, no se que hacer.
cuadrito.addEventListener("mouseup", levantarMouse);
cuadrito.addEventListener("mousedown", bajarMouse);
cuadrito.addEventListener("mousemove", moverMouse);
var cuadrito = document.getElementById("area_de_dibujo");
var colores = document.getElementById("color_usuario");
var boton = document.getElementById("boton");
var papel = cuadrito.getContext("2d");
var estado;
var x;
var y;
console.log(colores);
function dibujolineas(color, xinicial, yinicial, xfinal, yfinal, lienzo)
{
lienzo.beginPath();
lienzo.strokeStyle = colores;
lienzo.lineWidth = 3;
lienzo.moveTo(xinicial, yinicial);
lienzo.lineTo(xfinal, yfinal);
lienzo.stroke();
lienzo.closePath();
}
function pulsarMouse(evento)
{
estado = 1;
x = evento.layerX;
y = evento.layerY;
}
function dibujarTeclado(evento)
{
if (estado == 1)
{
dibujolineas(colores, x , y , evento.layerX, evento.layerY)
}
else
{
x = evento.layerX
y = evento.layerY
}
}
function levantarMouse(evento)
{
estado = 0;
}
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>dibuja con teclas!</title>
</head>
<body>
<p>selecciona el color:
<input type="color" id="color_usuario"</input>
<canvas id="area_de_dibujo" width="300" height="300"></canvas>
<p>mueve las flechas del teclado para dibujar</p>
<script src="teclas.js"></script>
</body>
</html>