在使内部HTML正常工作时遇到麻烦



我正在尝试编写代码来显示桨当前移动的速度(制作一个小游戏,移位和控制更改速度(,我一直在玩代码来更改一些文本。控制台没有抛出错误,语法验证器说没问题,我没有看到问题,但文本不会改变。这是有问题的代码:

var speedmod = 0;
$(document).keydown(function(keyPressed){
if (keyPressed.keyCode == 16){
speedmod -= 5;
if (speedmod < -70){
speedmod = -70;
}
}
if (keyPressed.keyCode == 17){
speedmod += 5;
if (speedmod > 125){
speedmod = 125;
}
}
var displaypaddx = (75 + speedmod).toString(10) + 'px';
var sdisplay = document.getElementById('pmspeed');
console.log(displaypaddx);
sdisplay.innerHtml = displaypaddx;
});

(这不是全部代码,只是影响显示的内容(

编辑:忘了提,脚本是在加载跨度(带有 pmspeed 的 id(加载的。

它应该是innerHTML的,而不是像这样innerHtml

var speedmod = 0;
$(document).keydown(function(keyPressed){
if (keyPressed.keyCode == 16){ // shift
speedmod -= 5;
if (speedmod < -70){
speedmod = -70;
}
}
if (keyPressed.keyCode == 17){ // ctrl
speedmod += 5;
if (speedmod > 125){
speedmod = 125;
}
}
var displaypaddx = (75 + speedmod).toString(10) + 'px';
var sdisplay = document.getElementById('pmspeed');
console.log(displaypaddx);
sdisplay.innerHTML = displaypaddx;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div id="pmspeed">
</div>
</body>

相关内容

最新更新