Types Of JavaScript Output Functions in Hindi

 Types Of JavaScript  Output Functions in Hindi -

JavaScript को run करने के विभिन्न तरीके है इन विभिन्न तरीकों से अलग-अलग  outputs मिलते है इस Article  मे हम इस सभी Functions या elements के बारे मे जानेंगे |

JavaScript के function को main रूप से 4 types मे बांटा गया है -

  • Document.write()
  • console.log()
  • window.alert()
  • inner HTML
Document. Write() -  ये JavaScript मे Text Print करने का simple function है इसके द्वारा आप आसानी से JavaScript का output आसानी से display कर सकते है |

uses -
<script>
    document.write("hello world");
</script>

output - hello world




  1. JavaScript को  html मे  use करने  के लिए  <script> </script> tag मे  JavaScript code लिखते हैं |
  1. इसमे  document file define करता है और write document मे  JavaScript code लिखता है और  display करता है .
  1. जो text print करना होता है उसको  इस  function me (“ ”) Quotation mark के अंदर लिखते है  document.write(hello world)
  1. JavaScript के हर एक  statement के बाद मे  semicolon ; लगाया जाता है . document.write(“hello world”);

Console.log() - 

इस JavaScript function की help से console मे कुछ भी print कर सकते है जैसे की text  or variable जो की important  है |
uses -
<script>
    var a = 11 ;
    var string  = "Hello world ";
    console.log(a,string);
</script>

output -   11 Hello world 

window.alert() -

इसकी help से JavaScript का output Alert Box मे display कर सकते है इसमे window एक optional document होता इसके बिना भी इसे हम print  कर सकते है |


uses - 
<script>
    var string = "Hello world ";
    window.alert(string);
</script>

output - अलर्ट बॉक्स मे Hello World 

InnerHTML -

JavaScript मे  InnerHTML property Document Object Model (DOM) का एक  part है  जिसके माध्यम से किसी भी HTML element को  Change Manipulate कर सकते है . इसके माध्यम से  Functionality add कर सकते है -

uses -
<!DOCTYPE html>
<html>

<body>
    <p id="id_">Hello World!</p>
    <script>
        document.getElementById("id_").innerHTML = "New text!";
    </script>
</body>

</html>

output - New text!

1.  इसमे एक  paragraph create किया गया है . जिसमे  Text hello world है . और इसकी id "id_" है |

2. अब  JavaScript के माध्यम से इस  text को change करना है | 

3. इसके लिए सबसे बहले  JavaScript मे इस element को  access करने होगा | 

4. इसको Access करने के लिए  “document.getElementByID” method ka use करेंगे . 

5. Change करने के  document.getElementByID("id_"). InnerHTML का  use कर रहे हैं | 

6. इसके बाद  document.getElementByID(“id_”).innerHTML = “new text!”; लिख देंगे |

Post a Comment

Previous Post Next Post