1.0JavaScript Tutorialhttps://techkubo.com/javascriptrich600338<blockquote class="wp-embedded-content" data-secret="b8avSDsTuz"><a href="https://techkubo.com/javascript/javascript-output/">JavaScript Output</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://techkubo.com/javascript/javascript-output/embed/#?secret=b8avSDsTuz" width="600" height="338" title="“JavaScript Output” — JavaScript Tutorial" data-secret="b8avSDsTuz" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); </script> Using innerHTML The innerHTML property is used to change the HTML content of an element. Explanation of Code: The changeContent function changes the content of the <p> element with the ID demo to “Content has been changed!” when the button is clicked. Using document.write() The document.write() method writes directly to the HTML document. It’s typically used for testing purposes and not recommended for production. Explanation of Code: The document.write method writes the text “This is written directly to the document.” to the HTML document. Using alert() The alert() method displays a message in an alert box. Explanation of Code: The showAlert function displays an alert box with the message “This is an alert box!” when the button is clicked. […]https://techkubo.com/javascript/wp-content/uploads/sites/7/2024/11/JS-Output-Image1.png1024509