@qa1ws2ed3rf4tg5yh6

Попробовал сделать кликер на js, что не так?

<!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); //что бы не было каши после считывания клика
}

Собстна, в консоли нет ошибки, проверил все, что не так, подскажите, пожалуйста.
  • Вопрос задан
  • 4970 просмотров
Решения вопроса 1
dasha_programmist
@dasha_programmist
ex Software Engineer at Reddit TS/React/GraphQL/Go
у тебя переменная "c", а обращаешься к "ctx"
var c = start.getContext("2d"); //что это 2d(обязательно)

нужно писать вот так (не забывать скобки ставить для вызова)
onclick="clicke()"

UPD:
ссылка на работающий код
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы