<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title> Кликни на меня ! </title>
</head>
<body>
<canvas width="500" height="500" id="ckicme" onclick="clicke"></canvas>
<script src="js/main.js"></script>
</body>
</html>
var clic = 0; //число кликов
function clicke(){ //функция прибавляющия к клику +1
clic++; //тот самый +1 к клику
increment(); //вызыв функции, которая выводит сколько кливо было сделано
}
var start = document.getElementById("ckicme"); //переменная связывающая с айди канвасам
var c = start.getContext("2d"); //что это 2d(обязательно)
function increment(){
ctx.font = 'bold 30px sans-serif'; //функция вывода текста
ctx.fillText("Ваши клики: " + clic,20,20); //функция вывода опредленного текста + число кликов + расположение надписи
ctx.clearRect(0,0,start.width,start.height); //что бы не было каши после считывания клика
}
Собстна, в консоли нет ошибки, проверил все, что не так, подскажите, пожалуйста.
Простой
