javascript - 当整数为某个数字时调整 div 的大小

Question

当 var i 达到 100 时，我无法调整我的 div 大小。这是我的代码:

switch (event.keyCode) {
            case 38:
                i++;
                document.getElementById('score').innerHTML = i;
                if (i > 99) {
                    document.getElementById('score').style.width = '700px'
                } else {
                    document.getElementById('score').style.width = '500px'
                }
            break;
}

Answer 1

您提供的代码工作正常，所以问题出在其他地方。我制作了一个片段(但按钮是空格键，宽度在 10 次迭代时发生变化，而不是 100 次)。它工作正常，所以也许向我们展示更多您的代码:

var i = 0;

document.onkeypress = function(event) {

   switch (event.keyCode) {
      case 32:
          i++;
          document.getElementById('score').innerHTML = i;
          if (i > 9) {
               document.getElementById('score').style.width = '200px'
             } else {
               document.getElementById('score').style.width = '100px'
             }
          break;
    }
};

<div id="score" style="width:100px; background:red">0</div>