2015-11-20 196 views
0

在學習如何將vanilla JS連接到HTML之前,我學會了AngularJS。當我在瀏覽器中運行此代碼時,console.logs正常工作,但數字3沒有顯示在我的第一次死亡中。爲什麼我的JavaScript不能打印到我的HTML?

你能幫我修復我的代碼嗎?

JavaScript: var roll = document.getElementById('roll');

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> 
+1

JavaScript區分大小寫。 「文件」應該是「文件」。另外,你需要獲得'roll'元素。你在哪裏做的?不要使用'document.write()'。 – PHPglue

回答

1

innter應該是內部和文獻應當是文檔。

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!'); 
}; 
+0

謝謝。我在Chrome中打開了我的控制檯,但沒有出現錯誤消息。不能相信我錯過了! –

相關問題