मैं जिस कंप्यूटर साइंस क्लास में हूं, उसके लिए एक साधारण टिप कैलकुलेटर लिखने की कोशिश कर रहा हूं। यह HTML/JavaScript में है। वास्तविक टिप कैलकुलेटिंग फ़ंक्शन जावास्क्रिप्ट में लिखा गया है। मुझे HTML में फ़ंक्शन के आउटपुट को प्रदर्शित करने के लिए आंतरिक HTML का उपयोग करने के लिए कहा गया है। तो मेरी समझ से, आंतरिक HTML किसी भी मूल्य/चर (इस मामले में मेरे फ़ंक्शन का आउटपुट) को किसी भी आईडी के साथ एक HTML कंटेनर में लिखकर काम करता है।

पहले तो मुझे लगा कि शायद यह मेरा कोड गलत क्रम में है। लेकिन मैंने फ़ंक्शन परिभाषा को इधर-उधर करने की कोशिश की है और इससे कोई मदद नहीं मिली। मैंने सत्यापित किया है कि HTML से चर खींचते समय इनपुट आईडी सही है। मैंने इसी तरह की समस्याओं पर बहुत कुछ पढ़ा है और मुझे लगता है कि मैं क्या गलत कर रहा हूं।

तो यहां मैं अपने फ़ंक्शन को परिभाषित करता हूं, और आउटपुट लिखने के लिए आंतरिक HTML का उपयोग करता हूं। फ़ंक्शन को वास्तविक उपयोगकर्ता इनपुट से पहले परिभाषित किया गया है।

function calculateTip(){
        var checkAmount = document.getElementById("amountBox").value;
        var percentTip = document.getElementById("tipBox").value;
        var tipTotal = checkAmount * (percentTip / 100);
        document.getElementById("tipVar").innerHTML = tipTotal;
}
<body>
    <P>
      Enter the check amount: 
          $<input type="numeric" id="amountBox" size=10 value="">
      <br>
      Tip percentage: 
          %<input type="numeric" id="tipBox" size=4 value="">

    </P>
    <input type="button" value="Calculate Tip"
    onclick="calculateTip();" >
                  
    <hr>
    <div id="tipVar"></div>

  </body>

इसलिए, मैं उम्मीद कर रहा हूं कि जब आप चेक राशि और टिप प्रतिशत दर्ज करते हैं और "टिप की गणना करें" बटन पर क्लिक करते हैं, तो यह फ़ंक्शन चलाएगा और आंतरिक HTML फ़ंक्शन के आउटपुट को div कंटेनर में पेज पर लिखेगा। हालांकि जब मैं बटन पर क्लिक करता हूं तो प्रतीत होता है कि कुछ भी नहीं होता है। अगर किसी के पास कोई मदद/मार्गदर्शन है तो मैं इसकी बहुत सराहना करता हूं।

0
Mark Mastandrea 30 अक्टूबर 2019, 20:42

3 जवाब

सबसे बढ़िया उत्तर

आपको अपने फ़ंक्शन के अंदर उद्धरणों में "tipVar" डालना होगा। अन्यथा टिपवार नामक एक अपरिभाषित चर का मान इसके बजाय पारित किया जाता है, और इसे उस आईडी द्वारा कोई तत्व नहीं मिलता है।

0
Faust 30 अक्टूबर 2019, 17:46

आपके पास कोड में एक टाइपो है:

document.getElementById("tipVar").innerHTML = tipTotal; का उपयोग करें

आपका कोड काम नहीं कर रहा था क्योंकि tipVar अपरिभाषित था, यह एक आईडी है और इसे एक स्ट्रिंग के रूप में इस्तेमाल किया जाना चाहिए।

मैंने प्रश्न स्निपेट अपडेट किया है और इसे अब काम करना चाहिए।

1
nircraft 30 अक्टूबर 2019, 17:46

आप getElementById("tipBox"); पर उद्धरण भूल गए हैं;

<html>
<body>
   <p> Enter the check amount:
   <input type="numeric" id="amountBox" size=10 value="">
<br>
Tip percentage: 
<input type="numeric" id="tipBox" size=4 value="">
</P>
<input type="button" value="Calculate Tip" onclick="calculateTip();">
    <hr>
    <div id="tipVar"></div>

<script>
function calculateTip(){
 var checkAmount = document.getElementById("amountBox").value;
 var percentTip = document.getElementById("tipBox").value;
 var tipTotal = checkAmount * (percentTip / 100);
 document.getElementById("tipVar").innerHTML = tipTotal;
}
</script>
  </body>
</html>
0
Welyngton Dal Prá 30 अक्टूबर 2019, 17:49