I started learning js recently and I have a question- i.e in this code-
<html>
<body>
<button type="submit" id='1'>Click me!</button>
</body>
<script>
function fun() {
let x = Math.Random();
}
var x = document.getElementById('1');
x.addEventListener("click", fun);
</script>
</html>Do I get a different number every time I press the button? if not, why? Don't I call the function every time I press the button, and thus I generate a different number?
Math.Random(); is change to Math.random();
<html>
<body>
<button type="submit" id='1'>Click me!</button>
<p id="result"></p>
</body>
<script>
var x = document.getElementById('1');
x.addEventListener("click", function(){
let x = Math.random();
document.getElementById("result").innerHTML = x;
});
</script>
</html>There are few problems with your code ,I have mentioned.
ID should begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods ("."). Though since HTML5,any non space character is allowed in Id.But its a good practice to have id something readable.
Moreover
you should pass the callback as function expression ,you are passing (function) which is a keyword
Third
Its Math.random() not Math.Random()
function fun() {
let x = Math.random();
console.log( x);
}
var x = document.getElementById('a1');
x.addEventListener("click", fun); // you should pass the callback as function expression ,you are passing (function) which is a keyword<html>
<body>
<button type="submit" id='a1'>Click me!</button>
</body>
</html>
addEventListener. Also, you're never using that random number.funas callback notfunction