Muonekano wa JavaScript

JavaScript hawezi kufunza mapiga au mapiga ya kuzingatia.

Maadili ya kuonyesha ya JavaScript

JavaScript inaweza kuonyesha data kwenye sababu mbalimbali:

  • kutumia window.alert() kueleza kwenye kufikia kikuu cha kawaida
  • kutumia document.write() kueleza kwenye chapa ya HTML
  • kutumia innerHTML kueleza kwenye elementi ya HTML
  • kutumia console.log(); kueleza kwenye kikuu cha mtandao

kutumia innerHTML

Kuwaambua elementi ya HTML, JavaScript inaweza kutumia document.getElementById(id) Mwendo.

id Mfano wa jina. Mfano wa innerHTML unaonyesha data ya HTML:

Mifano

<!DOCTYPE html>
<html>
<body>
<h1>My first web page</h1>
<p>My first paragraph</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Jifunze tena

Tahadhari:Inasikia HTML ya elementi ya innerHTML ni uendoa wa kueleza data kwenye HTML.

Tumia document.write()

Kwa matokeo ya mawasiliano, tumia document.write() Inafaa sana:

Mifano

<!DOCTYPE html>
<html>
<body>
<h1>My first web page</h1>
<p>My first paragraph</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Jifunze tena

Tahadhari:Tumia kwenye ujumbe wa HTML unaendelea kufikia document.write() Kuwa naFungua HTML zote zilizopokea :

Mifano

<!DOCTYPE html>
<html>
<body>
<h1>My first web page</h1>
<p>My first paragraph</p>
<button onclick="document.write(5 + 6)">Jifunze tena</button>
</body>
</html>

Jifunze tena

Tahadhari:document.write() Inatumiwa kwa matokeo ya mawasiliano tu.

Tumia window.alert()

Unaweza kutumia kina kutoa data:

Mifano

<!DOCTYPE html>
<html>
<body>
<h1>My first web page</h1>
<p>My first paragraph</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Jifunze tena

Tumia console.log()

Kwenye kifaa cha kichakaza, unaweza kutumia console.log(); kwa kutoa data.

Tumia F12 kuwahatarisha naagaa ya kichakaza cha kifaa, na uendelee na kuchagua 'Console'.

Mifano

<!DOCTYPE html>
<html>
<body>
<h1>My first web page</h1>
<p>My first paragraph</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Jifunze tena