Cara menggunakan html inside javascript

Question

I am trying to use some HTML tag inside JavaScript, but the HTML tag does not work. How can U use an HTML tag inside JavaScript? I wanted to use h2 but did not work.

Table of Contents Show

Example using document.write
Example using DOM
Bagaimana cara yang benar untuk menggunakan file JavaScript di HTML?
Bisakah JavaScript ditulis diluar file HTML?
Elemen HTML Apakah kita meletakkan JavaScript?
Apakah HTML sama dengan JavaScript?

if (document.getElementById('number1').checked) {
  <h2>Hello member</h2>
}

asked Aug 17, 2011 at 17:15

2

You will either have to document.write it or use the Document Object Model:

Example using document.write

<script type="text/javascript">
if(document.getElementById('number1').checked) {
    document.write("<h2>Hello member</h2>");
}
</script>

Example using DOM

<h2></h2> <!-- We are targeting this tag with JS. See code below -->
<input type="checkbox" id="number1" checked /><label for="number1">Agree</label>
<div id="container"> <p>Content</p> </div>

<script type="text/javascript">
window.onload = function() {
    if( document.getElementById('number1').checked ) {
        var h2 = document.createElement("h2");
        h2.appendChild(document.createTextNode("Hello member"));
        document.getElementById("container").appendChild(h2);
    }
}
</script>

answered Aug 17, 2011 at 17:16

7

<html>
 <body>
  <input type="checkbox" id="number1" onclick="number1();">Number 1</br>
  <p id="h2"></p>
   <script type="text/javascript">
    function number1() {
    if(document.getElementById('number1').checked) {

      document.getElementById("h2").innerHTML = "<h2>Hello member</h2>";
         }
    }
   </script>
 </body>
</html>

answered Mar 17, 2017 at 4:31

1

This is what I used for my countdown clock:

</SCRIPT>
<center class="auto-style19" style="height: 31px">
<Font face="blacksmith" size="large"><strong>
<SCRIPT LANGUAGE="JavaScript">
var header = "You have <I><font color=red>" 
+ getDaysUntilICD10() + "</font></I>&nbsp; "
header += "days until ICD-10 starts!"
document.write(header)
</SCRIPT>

The HTML inside of my script worked, though I could not explain why.

answered Aug 18, 2015 at 19:20

here's how to incorporate variables and html tags in document.write also note how you can simply add text between the quotes

document.write("<h2>System Paltform: ", navigator.platform, "</h2>");

answered Jul 29, 2017 at 23:21

Bahman.ABahman.A

1,0163 gold badges16 silver badges33 bronze badges

JavaScript is a scripting language, not a HTMLanguage type. It is mainly to do process at background and it needs document.write to display things on browser. Also if your document.write exceeds one line, make sure to put concatenation + at the end of each line.

Example

<script type="text/javascript">
if(document.getElementById('number1').checked) {
document.write("<h2>Hello" +
"member</h2>");
}
</script>

answered Aug 18, 2011 at 6:09

praba230890praba230890

2,10420 silver badges36 bronze badges

<div id="demo"></div>

<input type="submit" name="submit" id="submit" value="Submit" onClick="return empty()">


<script type="text/javascript">
        function empty()
        {
          var x;
          x = document.getElementById("feedbackpost").value;
          if (x == "")
           {
             var demo = document.getElementById("demo");
             demo.innerHTML =document.write='<h2>Hello member</h2>';
              return false;
           };
        }
    </script>

answered Sep 18, 2016 at 11:08

<div id="demo"></div>

<script type="text/javascript">
    if(document.getElementById('number1').checked) {
        var demo = document.getElementById("demo");    
        demo.innerHtml='<h2>Hello member</h2>';
    } else {
        demo.innerHtml='';
    }
</script>

FZs

15.2k12 gold badges40 silver badges46 bronze badges

answered Aug 17, 2011 at 17:20

GBaGBa

16.8k15 gold badges49 silver badges67 bronze badges

0

Bagaimana cara yang benar untuk menggunakan file JavaScript di HTML?

Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head>

Bisakah JavaScript ditulis diluar file HTML?

Menulis Javascript pada File Eksternal Cara kedua, kita bisa menulis Javascript di File yang terpisah dengan HTML. Biasanya digunakan jika kita tidak ingin kode Javascript bercampur dengan kode HTML. Bagaimana caranya? Caranya, buatlah sebuah file yang berekstensi .js .

Elemen HTML Apakah kita meletakkan JavaScript?

Pada dasarnya, kita bebas ingin meletakkan kode JavaScript di bagian mana saja, selama berada di dalam tag <script>. Umumnya, tag <script> diletakkan pada awal kode HTML di akhir tag <head>, atau di akhir tag <body>. Posisi peletakan ini akan mempengaruhi bagaimana urutan kode JavaScript berjalan.

Apakah HTML sama dengan JavaScript?

Web developer umumnya menggunakan JavaScript bersama HTML dan CSS karena ketiganya bisa bekerja sama tanpa masalah. Jadi, JavaScript adalah bahasa pemrogramannya, HTML berfungsi untuk menyusun struktur website, dan CSS untuk mendesain serta mengatur layout halaman website.

kode javascript Kode JavaScript Kode javascript lengkap Script HTML Website Belajar JavaScript Fungsi JavaScript