HTML и JavaScript Code Review

Пожалуйста, Посмотрите на мой код, я не получаю результатов, когда функция total_Cost(); называется я не понимаю, почему это происходит со мной.HTML и JavaScript Code Review

function total_Cost() 
 
{ 
 
    var x = document.getElemenById('1'); 
 
    var y = document.getElemenById('2'); 
 
    var z = document.getElemenById('3'); 
 
    var s = document.getElemenById('cost'); 
 
    s.value = (x.value * 3.49) + (y.value * 3.60) + (z.value * 4.49); 
 
}

<body> 
 
    <h2>Coffee Order Form</h2> 
 
    <form method='get'> 
 
     <table border="1" cellpadding='0px' cellspacing='0px'> 
 
      <tr><th>Product Name </th><th>Price</th><th>Quantity</th></tr> 
 
      <tr><td>French Vanilla (1 lb)</td><td>$3.49</td><td><input type = "text" size='5'id='1' value=''></td></tr> 
 
      <tr><td>Hazelnut Cream (1 lb)</td><td>$3.60</td><td><input type = "text" size='5'id='2' value=''></td></tr> 
 
      <tr><td align='centre'>Colombian (1 lb)</td><td>$4.49</td><td><input type = "text" size='5' id='3' value=''></td></tr> 
 
     </table> 
 
     <br> 
 
     <input type='button' Value='Total Cost' id='total' onclick='return total_Cost();'> &nbsp;<input type = "text" size='10' id='cost' value=''> 
 
     <br> 
 
     <br> 
 
     <input type='submit' Value='Submit Order'> &nbsp; <input type='submit' Value='Clear Order Form'> 
 
    </form> 
 
</body>

источник

2014-12-04 Hassan Gillani

Этот вопрос, как представляется, не по теме, потому что это принадлежит на http://codereview.stackexchange.com/ –

лучше подходит для http://codereview.stackexchange.com/ – lexicore

на самом деле , его просто плохо сформулированный, его не для обзора кода, у него есть проблема –

<script> 
    function total_Cost() 
    { 
     var x=document.getElementById('1'); 
     var y=document.getElementById('2'); 
     var z=document.getElementById('3'); 
     var s=document.getElementById('cost'); 
     s.value=(x.value * 3.49) +(y.value * 3.60) + (z.value * 4.49); 
    } 
</script>

Вы забыли т в элементе.

источник

2014-12-04 23:10:48 Kolby

Спасибо, что Kolby Function исполнен know :) –

Основная проблема, помимо множества орфографических ошибок, заключается в том, что вам не нужно возвращаться из вашей функции onclick.

Однако я бы предложил использовать прослушиватели событий в этом случае, чтобы избежать путаницы.

function total_Cost() { 
 
    var x = document.getElementById('1'); 
 
    var y = document.getElementById('2'); 
 
    var z = document.getElementById('3'); 
 
    var s = document.getElementById('cost'); 
 
    s.value = (x.value * 3.49) + (y.value * 3.60) + (z.value * 4.49); 
 
}

<body> 
 
    <h2>Coffee Order Form</h2> 
 
    <form method='get'> 
 
     <table border="1" cellpadding='0px' cellspacing='0px'> 
 
      <tr><th>Product Name </th><th>Price</th><th>Quantity</th></tr> 
 
      <tr><td>French Vanilla (1 lb)</td><td>$3.49</td><td><input type = "text" size='5'id='1' value=''></td></tr> 
 
      <tr><td>Hazelnut Cream (1 lb)</td><td>$3.60</td><td><input type = "text" size='5'id='2' value=''></td></tr> 
 
      <tr><td align='centre'>Colombian (1 lb)</td><td>$4.49</td><td><input type = "text" size='5' id='3' value=''></td></tr> 
 
     </table> 
 
     <br> 
 
     <input type='button' Value='Total Cost' id='total' onclick='total_Cost();'> &nbsp;<input type = "text" size='10' id='cost' value=''> 
 
     <br> 
 
     <br> 
 
     <input type='submit' Value='Submit Order'> &nbsp; <input type='submit' Value='Clear Order Form'> 
 
    </form> 
 
</body>

источник

2014-12-04 23:12:24 Calummm

HTML и JavaScript Code Review

ответ

Смежные вопросы