Bevezetés a webprogramozásba - 29. Egy igazán dinamikus tartalom létrehozása

 A DOM segítségével egyszerre hozzá is adunk, de el is veszünk a weboldaltól bekezdéseket





Forráskód:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title> Javascript </title>

<script>

function lista(){

var bekezd=document.createElement("p");

bekezd.innerHTML=document.getElementById("mit").value;

bekezd.onclick=torolo;

document.getElementById("kiir").appendChild(bekezd);

}

function torolo(){

var mitek=document.getElementById("kiir");

mitek.removeChild(this);

}

</script>

</head>


<body>

<input type="text" id="mit">

<p id="kiir" onclick="lista()">Lista:</p>


</body>

</html>


Videó: