2015-11-20 197 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中打开了我的控制台,但没有出现错误消息。不能相信我错过了! –

相关问题