<canvas width='800' height='600'></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
function desenhaQuadrado (x, y, cor){
pincel.fillStyle = cor;
pincel.fillRect(x, y, 50, 50);
pincel.fillStroke = 'black';
pincel.strokeRect(x, y, 50, 50)
};
// Cria MALHA
for (x = 0 ; x <= 800; x = x + 50){
for (y = 0; y <= 600; y = y + 50){
desenhaQuadrado(x, y, 'white')
};
};
//
function pintaQuadrado(evento){
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
desenhaQuadrado(x - 25, y - 25, 'black');
console.log(x + " , " + y);
console.log(evento);
}
tela.onclick = pintaQuadrado;
</script>
PGNhbnZhcyB3aWR0aD0nODAwJyBoZWlnaHQ9JzYwMCc+PC9jYW52YXM+CjxzY3JpcHQ+CnZhciB0ZWxhID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignY2FudmFzJyk7CnZhciBwaW5jZWwgPSB0ZWxhLmdldENvbnRleHQoJzJkJyk7CgpmdW5jdGlvbiBkZXNlbmhhUXVhZHJhZG8gKHgsIHksIGNvcil7CnBpbmNlbC5maWxsU3R5bGUgPSBjb3I7CnBpbmNlbC5maWxsUmVjdCh4LCB5LCA1MCwgNTApOwpwaW5jZWwuZmlsbFN0cm9rZSA9ICdibGFjayc7CnBpbmNlbC5zdHJva2VSZWN0KHgsIHksIDUwLCA1MCkKCn07CgovLyBDcmlhIE1BTEhBCmZvciAoeCA9IDAgOyB4IDw9IDgwMDsgeCA9IHggKyA1MCl7Cglmb3IgKHkgPSAwOyB5IDw9IDYwMDsgeSA9IHkgKyA1MCl7CmRlc2VuaGFRdWFkcmFkbyh4LCB5LCAnd2hpdGUnKQoJfTsKfTsKLy8KCmZ1bmN0aW9uIHBpbnRhUXVhZHJhZG8oZXZlbnRvKXsKdmFyIHggPSBldmVudG8ucGFnZVggLSB0ZWxhLm9mZnNldExlZnQ7CnZhciB5ID0gZXZlbnRvLnBhZ2VZIC0gdGVsYS5vZmZzZXRUb3A7CmRlc2VuaGFRdWFkcmFkbyh4IC0gMjUsIHkgLSAyNSwgJ2JsYWNrJyk7CmNvbnNvbGUubG9nKHggKyAiICwgIiArIHkpOwpjb25zb2xlLmxvZyhldmVudG8pOwp9Cgp0ZWxhLm9uY2xpY2sgPSBwaW50YVF1YWRyYWRvOwo8L3NjcmlwdD4K
Main.java:1: error: class, interface, or enum expected
<canvas width='800' height='600'></canvas>
^
Main.java:1: error: class, interface, or enum expected
<canvas width='800' height='600'></canvas>
^
Main.java:1: error: unclosed character literal
<canvas width='800' height='600'></canvas>
^
Main.java:1: error: unclosed character literal
<canvas width='800' height='600'></canvas>
^
Main.java:1: error: unclosed character literal
<canvas width='800' height='600'></canvas>
^
Main.java:1: error: unclosed character literal
<canvas width='800' height='600'></canvas>
^
Main.java:3: error: unclosed character literal
var tela = document.querySelector('canvas');
^
Main.java:3: error: unclosed character literal
var tela = document.querySelector('canvas');
^
Main.java:4: error: class, interface, or enum expected
var pincel = tela.getContext('2d');
^
Main.java:4: error: unclosed character literal
var pincel = tela.getContext('2d');
^
Main.java:4: error: unclosed character literal
var pincel = tela.getContext('2d');
^
Main.java:6: error: class, interface, or enum expected
function desenhaQuadrado (x, y, cor){
^
Main.java:8: error: class, interface, or enum expected
pincel.fillRect(x, y, 50, 50);
^
Main.java:9: error: class, interface, or enum expected
pincel.fillStroke = 'black';
^
Main.java:9: error: unclosed character literal
pincel.fillStroke = 'black';
^
Main.java:9: error: unclosed character literal
pincel.fillStroke = 'black';
^
Main.java:15: error: class, interface, or enum expected
for (x = 0 ; x <= 800; x = x + 50){
^
Main.java:15: error: class, interface, or enum expected
for (x = 0 ; x <= 800; x = x + 50){
^
Main.java:15: error: class, interface, or enum expected
for (x = 0 ; x <= 800; x = x + 50){
^
Main.java:16: error: class, interface, or enum expected
for (y = 0; y <= 600; y = y + 50){
^
Main.java:16: error: class, interface, or enum expected
for (y = 0; y <= 600; y = y + 50){
^
Main.java:17: error: unclosed character literal
desenhaQuadrado(x, y, 'white')
^
Main.java:17: error: unclosed character literal
desenhaQuadrado(x, y, 'white')
^
Main.java:19: error: class, interface, or enum expected
};
^
Main.java:22: error: class, interface, or enum expected
function pintaQuadrado(evento){
^
Main.java:24: error: class, interface, or enum expected
var y = evento.pageY - tela.offsetTop;
^
Main.java:25: error: class, interface, or enum expected
desenhaQuadrado(x - 25, y - 25, 'black');
^
Main.java:25: error: unclosed character literal
desenhaQuadrado(x - 25, y - 25, 'black');
^
Main.java:25: error: unclosed character literal
desenhaQuadrado(x - 25, y - 25, 'black');
^
Main.java:26: error: class, interface, or enum expected
console.log(x + " , " + y);
^
Main.java:27: error: class, interface, or enum expected
console.log(evento);
^
Main.java:28: error: class, interface, or enum expected
}
^
Main.java:31: error: class, interface, or enum expected
</script>
^
33 errors