मैं फीडबैक बटन बनाना चाहता हूं और मैंने इसके लिए कोड बनाया है लेकिन यह काम नहीं कर रहा है। नीचे, मैंने अपने कोड के कुछ हिस्सों को संलग्न किया है जो जेएस कोड हैं। मैं यहां नया हूं और मैं HTML के लिए भी थोड़ा नया हूं इसलिए सरल भाषा में मुझे अपडेटेड कोड चाहिए :)

मैंने नीचे पूरा कोड जोड़ा है - मुझे कोड में कोई समस्या नहीं है। अगर मैं अपना कोड चलाता हूं तो आउटपुट लगभग सही होता है सिवाय जब मैं बटन पर क्लिक करता हूं और प्रॉम्प्ट बॉक्स में कुछ लिखता हूं और ठीक क्लिक करता हूं, कोई टेक्स्ट दिखाई नहीं देता है!

<button id= "Feedback"onclick="MyFunction()">Feedback Form</button>
                <p id = "demo"></p>
        <script>
            function MyFunction(){
                var feedback= prompt("Hi! Put all your comments here, we would love to hear you :)", "good")
                var msg;
                
                if(feedback=="good"){
                        msg="I am happy to hear that! Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                     else if(feedback=="informative"){
                        msg="That is fantastic, a total video based encyclopedia, Enjoy Watching! ";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="funny"){
                        msg="Same here! Even I laughed a lot, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="motivational"){
                        msg="That is superb, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="happy"){
                        msg= "I am so glad you liked it, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else{
                    msg="We will surely look into it!";
                    document.getElementById("demo").innerHTML=msg;
                }
            }
        </script>

इस प्रश्न का उत्तर दिया गया है!

-2
Kaveesh Iyer 25 सितंबर 2020, 16:49

2 जवाब

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

कोड अच्छा है। हो सकता है कि HTML में आप जावास्क्रिप्ट का संदर्भ नहीं दे रहे हों।

body टैग के अंत से पहले <script src="./the/route/to/my/javascript/file/index.js"></script> जोड़ें।

आप देख सकते हैं कि कोड यहाँ काम कर रहा है: https://codepen.io/carlos-dubon/pen/VwaRvEp

संपादित करें:

    <button onclick="myFunction()">Feedback Form</button>
    <p id="myPElement">
      <!-- Output will show here -->
    </p>

    <script>
      function myFunction() {
        var feedback = prompt(
          "Hi! Put all your comments here, we would love to hear you :)",
          "good",
          null
        );

        var msg = "";

        var p = document.getElementById("myPElement");

        if (feedback == "good") {
          msg = "I am happy to hear that! Enjoy Watching!";
          p.innerHTML = msg;
        } else if (feedback == "informative") {
          msg =
            "That is fantastic, a total video based encyclopedia, Enjoy Watching! ";
          p.innerHTML = msg;
        } else if (feedback == "funny") {
          msg = "Same here! Even I laughed a lot, Enjoy Watching!";
          p.innerHTML = msg;
        } else if (feedback == "motivational") {
          msg = "That is superb, Enjoy Watching!";
          p.innerHTML = msg;
        } else if (feedback == "happy") {
          msg = "I am so glad you liked it, Enjoy Watching!";
          p.innerHTML = msg;
        } else {
          msg = "We will surely look into it!";
          p.innerHTML = msg;
        }
      }
    </script>

इसे कॉपी पेस्ट करके देखें। यह यहाँ काम करता है।

0
Carlos Daniel 25 सितंबर 2020, 19:35

अरे मैंने आपका कोड इस्तेमाल किया और सब कुछ ठीक काम कर रहा है। मुझे कोई समस्या नहीं दिख रही है। यदि यह शब्दार्थ है, तो व्यवहार का अर्थ है कृपया समस्या पर विस्तार से बताएं।

<button id= "Feedback"onclick="MyFunction()">Feedback Form</button>
<p id = "demo"></p>

<script>
            function MyFunction(){
                var feedback= prompt("Hi! Put all your comments here, we would love to hear you :)", "good")
                var msg;
                
                if(feedback=="good"){
                        msg="I am happy to hear that! Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                     else if(feedback=="informative"){
                        msg="That is fantastic, a total video based encyclopedia, Enjoy Watching! ";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="funny"){
                        msg="Same here! Even I laughed a lot, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="motivational"){
                        msg="That is superb, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else if(feedback=="happy"){
                        msg= "I am so glad you liked it, Enjoy Watching!";
                        document.getElementById("demo").innerHTML=msg;
                }
                else{
                    msg="We will surely look into it!";
                    document.getElementById("demo").innerHTML=msg;
                }
            }
        </script>

हो सकता है कि HTML लोड होने के बाद आपको अपनी स्क्रिप्ट लोड करनी पड़े। स्क्रिप्ट-टैग को अंत में रखें या ऑनलोड कार्यक्षमता का उपयोग करें।

1
sascha10000 25 सितंबर 2020, 16:57