팁 계산기 jquery가 작동하지 않습니다.

jquery로 간단한 팁 계산기를 만들려고합니다. 제출 버튼을 누르면 NaN을 말하는 javascript 알림이 수신됩니다. 내가 뭘 잘못하고 있는지 모르겠다. 이 문제를 어떻게 해결할 수 있습니까? 정말 고마워.팁 계산기 jquery가 작동하지 않습니다.

<div class="entries"> 
    Enter Bill Amount: <input id="total" type="text" /> <br><br> 
    Enter Tip Percent: <input id="tip" type="text" /> <br><br> 
    <input type="button" value="Calculate Tip" id="submit" /> 
</div>

을 그리고 숫자에 값을 설정하는 parseFloat를 사용 :

<head> 
<meta name="description" content="tip calculator" /> 
<meta name="keywords" content="tip, calculator" /> 
<meta charset="utf-8" /> 
<title>Tip Calculator</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="tipcalc.js"></script> 
</head> 
<body> 
<div class="entries"> 
    Enter Bill Amount: <input type="text" /> <br><br> 
    Enter Tip Percent: <input type="text" /> <br><br> 
    <input type="button" value="Calculate Tip" id="submit" /> 
</div> 
<script> 
var total = $("#total").val(); 
var tip = $("#tip").val(); 
var amount = total + (tip/100); 
$("#submit").click(
function() {alert(amount); 
}); 
</script>

출처

2015-01-28 Tizo

사용자의 입력에 대해 ID 태그를 설정하는 것을 잊지 마십시오 나는 이동 통지, 또한

$("#submit").click(function(){ 
    var total = parseFloat($("#total").val()); 
    var tip = parseFloat($("#tip").val()); 
    var amount = total + (tip/100); 
    alert(amount); 
});

당신의 변수를 이벤트 핸들러 내부로 가져옵니다.

출처

2015-01-28 00:29:12 JCOC611

신난다. 이것은 그것을했다. 총액 + (팁/100 * 합계)로 금액 변수를 변경해야했지만 위대한 기능 이외에는 다릅니다. – Tizo

당신은
교체, "전체"또는 "팁"의 ID로 사업부를하지 않는 것 :

Enter Bill Amount: <input type="text" /> <br><br> 
Enter Tip Percent: <input type="text" /> <br><br>

로 :

Enter Bill Amount: <input type="text" id="total"/> <br><br> 
Enter Tip Percent: <input type="text" id="tip"/> <br><br>

출처

2015-01-28 00:29:15

팁 계산기 jquery가 작동하지 않습니다.

답변

관련 문제