在JavaScript中调用函数时出现JavaScript错误,而不是在HTML中调用时

所以我有一个想法让计算机用Javascript作为代码语言猜测数字.我确切地知道它必须做什么,但它并没有这样做.当你打开网页时,想法是(看它是否有效)获得1到100之间的随机数.奇怪的是,如果我在同一个Javascript文件中调用该函数会产生错误,但如果我用HTML按钮调用该函数,它的工作完全正常!F12控制台出现以下错误:

无法设置未定义或空引用的属性"innerHTML"

我有以下代码:

var guessTheNumber = function() {

// var number = prompt("Tell me a number between 1 and 100.");
var x = document.getElementById("JS1");

x.innerHTML = Math.floor((Math.random() * 100) + 1);
}


guessTheNumber();

	

	


	
	
test