无法使 innerHTML 正常工作

Question

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

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;
});

（这不是所有代码，只是影响显示的部分）

编辑：忘记提及，脚本在加载跨度（id为pmspeed）后加载。

Answer 1

应该是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>

无法使 innerHTML 正常工作

Having troubles getting innerHTML to work properly

html

javascript

innerhtml