개체 리터럴로 addEventListener 사용

Question

Douglas Crockford가 설명한 Good Part를 사용하여 JS를 작성하려고하므로 하나의 전역 객체 A이 생성되었습니다. 그러나 내 JS 코드 문제가 있습니다. 변수 value1 및 value2은 NaN으로 평가되며 이유를 이해할 수 없습니다.

나는 두 변수 invoiced과 totalInvoiced의 lastInvoiced 외부를 선언하고 this를 사용하는 방법 내부를 얻기 위해 노력했다. 그러나 이것이 정확한지 나는 모른다. 나는 이러한 변수에 addEventListener을 사용하고 onchange 이벤트를 호출 할 수 있기를 희망했습니다.

왜 value1과 value2은 NaN으로 나타 납니까?

두 변수에 onchange 이벤트와 함께 'addEventListener'를 사용하는 코드를 작성하는 방법은 무엇입니까? 그래서, 그 변경 -하지 변수 -

var A = { 

invoiced: document.getElementById("invoiced").value, 
lastInvoiced: document.getElementById("lastinvoiced").value, 
totalInvoiced: function() { 

var invoiced1 = this.invoiced; 
var lastInvoiced1 = this.lastInvoiced; 
var value1 = parseFloat("invoiced1"); 
var value2 = parseFloat("lastInvoiced1"); 

    if(isNaN(value1)) 
     value1 = 0; 
    if(isNaN(value2)) 
     value2 = 0; 

var totalInvoiced1 = value1 + value2; 
var value3 = document.getElementById("daytotal").value = totalInvoiced1 + "€"; 
return value3; 
} 

}; 
window.onload = A.totalInvoiced(); 
A.invoiced.addEventListener("change", A.totalInvoiced, false); 
A.lastInvoiced.addEventListener("change", A.totalInvoiced, false); 

Answer 1

첫째, parseFloat("invoiced1"); 및 parseFloat("lastInvoiced");가 문자열invoiced1, lastInvoiced을 평가 :

Here is a jsFiddle link to all of my code.

이 내 JS 코드

parseFloat(invoiced1); 
parseFloat(lastInvoiced); 

---

두 번째로 값을 가져 오려고하는 <input> 요소에는 실제로 값이 설정되어 있지 않습니다. 여기

<td><input type="number" id="invoiced" class="boxed" />&euro;</td> 

, €는 <td>의 값이 아닌 <input>이다. 초기 값을 지정해야합니다. 올바르게 작성하면 코드에 NaN을 테스트 할 필요가 없으므로 해당 체크를 제거하십시오. 언급 한 바와 같이

---

셋째, 당신이 요소의 값이 아닌 요소에 이벤트를 설정하는 - 요소에 자신을을 설정하고, 때로는 A.invoiced.value;이 등 (this로 A 대신 this를 사용하여 시도 당신이 다른 방법으로 그것을 호출로 예를 들어, 대신 값을 잡기 위해), 당신의 상황에서 다른 개체를 참조하십시오

invoiced: document.getElementById("invoiced"), 
lastInvoiced: document.getElementById("lastinvoiced"), 
totalInvoiced: function() { 
    var invoiced = A.invoiced.value; 
    var lastInvoiced = A.lastInvoiced.value; 
    ... 

Here's an updated jsFiddle example