HTML

Isku-dhafka HTML iyo JavaScript

HTML iyo JavaScript waxay si wadajir ah u shaqeeyaan si loo abuuro shabakado firfircoon. JavaScript waxaa loo isticmaali karaa inuu wax ka beddelo waxyaabaha ku jira HTML, qaabka, iyo sifooyinka.

Sida Loo Isticmaalo JavaScript Gudaha HTML

Waxaa jira dhowr siyaabood oo JavaScript loogu dari karo HTML:

  • Gudaha (Inline): Adigoo isticmaalaya sifooyinka HTML sida onclick.
  • Gudaha (Internal): Adigoo isticmaalaya tagga <script> gudaha <head> ama <body>.
  • Dibadda (External): Adigoo ku xiraya faylka JavaScript (.js) tagga <script>.

Tusaale: Gudaha (Inline)


<button onclick="alert('Waad i riixday!')">Riix Halkan!</button>

Tusaale: Gudaha (Internal)


<!DOCTYPE html>
<html>
<head>
  <title>Tusaale JavaScript</title>
  <script>
    function farriinMuuji() {
      alert("Hello, World!");
    }
  </script>
</head>
<body>
  <button onclick="farriinMuuji()">I Riix!</button>
</body>
</html>

Tusaale: Dibadda (External)

faylka.js:


function farriinMuuji() {
  alert("Hello, World!");
}

index.html:


<!DOCTYPE html>
<html>
<head>
  <title>Tusaale JavaScript Dibadeed</title>
  <script src="faylka.js"></script>
</head>
<body>
  <button onclick="farriinMuuji()">I Riix!</button>
</body>
</html>

Sharaxaada

Tusaalaha kore, waxaan ku xirnay faylka JavaScript ee dibadda ah (faylka.js) anagoo isticmaalayna sifa src ee tagga <script>.

Isticmaalka JavaScript si Wax Looga Beddelo HTML

JavaScript waxaa loo isticmaali karaa inuu wax ka beddelo waxyaabaha ku jira HTML, qaabka, iyo sifooyinka isagoo isticmaalaya document.getElementById() iyo sifooyinka sida innerHTML, style, iyo setAttribute.

Tusaale


<!DOCTYPE html>
<html>
<head>
  <title>Wax ka beddelka HTML iyadoo la isticmaalayo JavaScript</title>
</head>
<body>
  <p id="tusaale">Qoraal Asal ah</p>
  <button onclick="waxBeddel()">Beddel Qoraalka</button>

<script>
function waxBeddel() {
document.getElementById("tusaale").innerHTML = "Qoraalka waa la beddelay!";
}
</script>
</body>
</html>

Tusaalahan, markii badhanka la riixo, JavaScript waxay beddeshaa qoraalka ku jira element-ka leh ID-ga "tusaale".