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

