gpt4 book ai didi

html - 为什么我的代码可以在 jsFiddle 上运行但不能在本地运行

转载 作者:行者123 更新时间:2023-11-27 23:59:53 25 4
gpt4 key购买 nike

正如标题所说,为什么这段代码在我的本地 html 文件上不起作用,尽管它在 jsFiddle 上有效。这是我的代码:

JS

    var s,t,d; 
s = document.getElementById('start');
t = document.getElementById('temp');
d = document.getElementById('display');

startChange = function(){
var v,nt,diff,timelapse,decrease,decreaseit,loop;
v = +d.value;
nt = +t.value;
diff = v-nt;
timelapse = 500; //set to whatever you like
decrease = .2;
decreaseit = function(){
var v = d.value;
if(v>=(nt+decrease)){
loop = setTimeout(function(){
d.value = (v-decrease).toFixed(1);
decreaseit();
},timelapse)
} else clearInterval(loop);
}
decreaseit();

}

s.onclick = startChange;

HTML

  <input id="display" type="text" value="7.2" disabled>

<input id="temp" type="text">
<button type="button" id="start">Set temp</button>

最佳答案

您可能已将代码放在 <head></head> 中由于尚未创建 DOM,因此文件的一部分和 JavaScript 代码无法访问 DOM 元素。

如果您的代码在头部,请将其包裹起来:

window.onload = function() {
// your code
}

否则将其放在结束正文标签之前。这是包含 JavaScript 的推荐方式,因为首先加载基本内容。

关于html - 为什么我的代码可以在 jsFiddle 上运行但不能在本地运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21855925/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com