{"id":2190,"date":"2022-04-12T16:00:09","date_gmt":"2022-04-12T16:00:09","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=2190"},"modified":"2022-04-12T16:00:09","modified_gmt":"2022-04-12T16:00:09","slug":"javascript-example","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/04\/12\/javascript-example\/","title":{"rendered":"JavaScript Example"},"content":{"rendered":"\n
  1. JavaScript Example<\/li>
  2. Within body tag<\/li>
  3. Within head tag<\/li><\/ol>\n\n\n\n

    Javascript example is easy to code. JavaScript provides 3 places to put the JavaScript code: within body tag, within head tag and external JavaScript file.<\/p>\n\n\n\n

    Let\u2019s create the first JavaScript example.<\/a><\/a><\/a><\/p>\n\n\n\n

    1. <<\/strong>script<\/strong> type=”text\/javascript”><\/strong>  <\/li>
    2. document.write(“JavaScript is a simple language for javatpoint learners”);  <\/li>
    3. <\/<\/strong>script<\/strong>><\/strong>  <\/li><\/ol>\n\n\n\n

      <\/p>\n\n\n\n

      The script<\/strong> tag specifies that we are using JavaScript.<\/p>\n\n\n\n

      The text\/javascript<\/strong> is the content type that provides information to the browser about the data.<\/p>\n\n\n\n

      The document.write()<\/strong> function is used to display dynamic content through JavaScript. We will learn about document object in detail later.<\/p>\n\n\n\n

      \n\n\n\n

      3 Places to put JavaScript code<\/h2>\n\n\n\n
      1. Between the body tag of html<\/li>
      2. Between the head tag of html<\/li>
      3. In .js file (external javaScript)<\/li><\/ol>\n\n\n\n
        \n\n\n\n

        1) JavaScript Example : code between the body tag<\/h2>\n\n\n\n

        In the above example, we have displayed the dynamic content using JavaScript. Let\u2019s see the simple example of JavaScript that displays alert dialog box.<\/a><\/a><\/a><\/p>\n\n\n\n

        1. <<\/strong>script<\/strong> type=”text\/javascript”><\/strong>  <\/li>
        2.  alert(“Hello Javatpoint”);  <\/li>
        3. <\/<\/strong>script<\/strong>><\/strong>  <\/li><\/ol>\n\n\n\n

          <\/p>\n\n\n\n

          \n\n\n\n

          2) JavaScript Example : code between the head tag<\/h2>\n\n\n\n

          Let\u2019s see the same example of displaying alert dialog box of JavaScript that is contained inside the head tag.<\/p>\n\n\n\n

          In this example, we are creating a function msg(). To create function in JavaScript, you need to write function with function_name as given below.<\/p>\n\n\n\n

          To call function, you need to work on event. Here we are using onclick event to call msg() function.<\/a><\/a><\/a><\/p>\n\n\n\n

          1. <<\/strong>html<\/strong>><\/strong>  <\/li>
          2. <<\/strong>head<\/strong>><\/strong>  <\/li>
          3. <<\/strong>script<\/strong> type=”text\/javascript”><\/strong>  <\/li>
          4. function msg(){  <\/li>
          5.  alert(“Hello Javatpoint”);  <\/li>
          6. }  <\/li>
          7. <\/<\/strong>script<\/strong>><\/strong>  <\/li>
          8. <\/<\/strong>head<\/strong>><\/strong>  <\/li>
          9. <<\/strong>body<\/strong>><\/strong>  <\/li>
          10. <<\/strong>p<\/strong>><\/strong>Welcome to JavaScript<\/<\/strong>p<\/strong>><\/strong>  <\/li>
          11. <<\/strong>form<\/strong>><\/strong>  <\/li>
          12. <<\/strong>input<\/strong> type=”button” value=”click” onclick=”msg()”\/><\/strong>  <\/li>
          13. <\/<\/strong>form<\/strong>><\/strong>  <\/li>
          14. <\/<\/strong>body<\/strong>><\/strong>  <\/li>
          15. <\/<\/strong>html<\/strong>><\/strong>  <\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"

            JavaScript Example Within body tag Within head tag Javascript example is easy to code. JavaScript provides 3 places to put the JavaScript code: within body tag, within head tag and external JavaScript file. Let\u2019s create the first JavaScript example. <script type=”text\/javascript”>   document.write(“JavaScript is a simple language for javatpoint learners”);   <\/script>   The script tag specifies that we are using JavaScript. The text\/javascript is the content type that provides […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[429],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2190"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=2190"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2190\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=2190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=2190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=2190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}