Javascript-форум - значения input формы

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - значения input формы (https://javascript.ru/forum/misc/77159-znacheniya-input-formy.html)

значения input формы

Почему не работает этот код ??? смотрел в консоли ошибки но так и не понял почему не работает !?

<html>
   <head>
        
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   </head>
   <body>
<canvas id='myCanvas' height='500' width='700' style="border:1px solid black;"> </canvas>
 
<input type="text" id="user" placeholder="Никнейм"    maxlength="14" autofocus />
<button type="button" id="play">Установить никнейм </button>
 
   </body>
</html>

var nickname = this.document.getElementById("user").value;

        var canvas  = document.getElementById("myCanvas");
	var ctx     = canvas.getContext('2d');

 play.onclick = function(){
ctx.font = "20px Arial";
ctx.fillStyle = "black";
ctx.fillText("name:" + nickname,110,90);
	 };

var nickname = this.document.getElementById("user"*!*);*/!*
var canvas   = document.getElementById("myCanvas");
var ctx      = canvas.getContext('2d');

play.onclick = function(){
	ctx.font = "20px Arial";
	ctx.fillStyle = "black";
	ctx.fillText("name: " + nickname.*!*value*/!*, 110, 90);
};

Там нет ошибки, просто оно делает не то, что вы хотите.