<html>
<body background="moon.jpg">
<h1>My First JavaScript</h1>
<p id="demo">
About My Life
</p>
<script>
function mylife()
{
x=document.getElementById("demo"); // Find the element
x.innerHTML="My name is Ryan Russel M.Maliwat, I lived in Brgy.Maliwalo Tarlac City, My favorite colors are Blue and Black.!"; // Change the content
}
function myFunction()
{
x=document.getElementById("demo"); // Find the element
x.innerHTML="My Parents are Karen and Joel Maliwat!!"; // Change the content
}
function myFriends()
{
x=document.getElementById("demo"); // Find the element
x.innerHTML="My friends are Tope, Josh , Mico, archer and many more!!"; // Change the content
}
function myclassmates()
{
x=document.getElementById("demo"); // Find the element
x.innerHTML="My classmates are so many and I can't mention them in here XD!"; // Change the content
}
</script>
<button type="button" onclick="mylife()">My Auto Biography!</button>
<button type="button" onclick="myFunction()">My Parents!</button>
<button type="button" onclick="myFriends()">My friends!</button>
<button type="button" onclick="myclassmates()">My classmates!</button>
</body>
</html>
Walang komento:
Mag-post ng isang Komento