2016-04-15 20 views
3

何らかの理由で、イベントリスナー機能がブラウザ(クロム)では動作しませんが、私は約2時間、これで何か考えましたか?単純なAddListenerは、コードペンで動作しますが、Chromeブラウザでは動作しません。

コードペンリンク:http://codepen.io/koushkilla/pen/JXLVBX

<header> 
<script src="pleasegodhelpme.js"></script> 
    <h1>Javascript Events</h1> 
</header> 
<main> 
    <h4>Add Numbers:</h4> 
    <p> 
    <input id="num-one"> + <input id="num-two"> 
    </p> 
    <p id="add-sum"></p> 
</main> 

JS-ファイル:

var numOne = document.getElementById("num-one"); 
    var numTwo = document.getElementById("num-two"); 
    var addSum = document.getElementById("add-sum"); 

numOne.addEventListener("input", add); 
numTwo.addEventListener("input", add); 

function add() { 
    var one = parseFloat(numOne.value) || 0; 
    var two = parseFloat(numTwo.value) || 0; 

    addSum.innerHTML = "your sum is: " + (one+two); 
} 
+0

置きます '

関連する問題