Не работает JS. Не выводит <input value>

187

28 февраля 2019, 18:50

Застрял на элементарном, не могу понять почему так.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="test.js"></script>
   <script src = 
'http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'></script>
<title>Test JS</title>
</head>
<body>
<!--<div id="test" onclick="$ ('#test').hide()">Test </div>-->
<input id="clmn1" type="text"  value= "10">
<input id="clmn2" type="text" value= "65" >
<input id="clmn3"  type="text"  value= "8" >
<button> Get Numb</button>
</body>
</html>

P.S JQuery здесь просто так. Этот проект для практики)

ну и вот сам JS

 var x = document.getElementById('clmn1');
 var y = x.value;
 alert(y);

Вроде бы все правильно, но я так и не пойму, почему оно не выводит окно.

Answer 1

'use strict'; 
 
	var x = document.getElementById('clmn1'); 
 	var y = x.value; 
	$("#alert").on("click", function(){ 
		alert(y); 
	});

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
 
    
<title>Test JS</title> 
</head> 
<body> 
<!--<div id="test" onclick="$ ('#test').hide()">Test </div>--> 
<input id="clmn1" type="text"  value= "10"> 
<input id="clmn2" type="text" value= "65" > 
<input id="clmn3"  type="text"  value= "8" > 
<button> Get Numb</button> 
<button id="alert"> Alert </button> 
 
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="test.js"></script> 
</body> 
</html>