Page 376 - Web_Application_v2.0_C12_Fb
P. 376

document.getElementById('mouseOutDiv').innerText = "YOU LEFT ME!";
                   }
                   </SCRIPT>

                   </BODY>
                   </HTML>
                    Output of the preceding code is as follows:



























                7.  Write JavaScript code to input a sentence and print the reversed string.

                Ans.  <!DOCTYPE HTML>
                   <HTML>
                   <HEAD>
                   <TITLE>Reverse a Sentence</TITLE>
                   </HEAD>
                   <BODY>
                   <H2>REVERSE YOUR SENTENCE</H2>
                   <INPUT TYPE="text" ID="sentenceInput" PLACEHOLDER="Enter a sentence">

                   <BUTTON ONCLICK="reverseSentence()">Reverse</BUTTON>
                   <P><B>Reversed Sentence:</B> <SPAN ID="reversedOutput"></SPAN></P>
                   <SCRIPT>
                   function reverseSentence() {
                   let str = document.getElementById("sentenceInput").value;
                   let reversedString = "";
                   for (let i = str.length - 1; i >= 0; i--) {
                   reversedString += str[i];

                   }
                   document.getElementById("reversedOutput").textContent = reversedString;
                   }
                   </SCRIPT>
                   </BODY>
                   </HTML>

                374   Touchpad Web Applications (Ver. 2.0)-XII
   371   372   373   374   375   376   377   378   379   380   381