Question

在我学习如何将vanilla JS连接到HTML之前，我学习了AngularJS。当我在浏览器中运行此代码时，console.logs可以正常工作，但是数字3并没有出现在我的第一个骰子中。

你能帮我修改我的代码吗？

JavaScript的： var roll = document.getElementById（＆＃39; roll＆＃39;）;

function Dice() {
  Document.write('1');
}

function printNumber() {
  var one = document.getElementById("one");
  one.innterHTML = "3";
  console.log('printNumber called!');
}

roll.onclick = function() {
  printNumber();
  console.log('rolled!');
};

HTML：

    <div class="row">
        <div class="dice" id="one">
        </div>
        <div class="dice" id="two">
            2
        </div>
    </div>
    <div class="row">
        <div class="button" id="roll">Roll the dice!</div>
    </div>
    <script type="text/javascript" src="dice.js"></script>

Answer 1

innter应该是内在的，而Document应该是文档。

function Dice() {
  document.write('1');
}

function printNumber() {
  var one = document.getElementById("one");
  one.innerHTML = "3";
  console.log('printNumber called!');
}

roll.onclick = function() {
  printNumber();
  console.log('rolled!');
};

为什么我的JavaScript打印到我的HTML？

1 个答案: