<!
DOCTYPE html>
<html>
<head>
<title>IT Project</title>
</head>
<body>
<h1>Team Leader: Mazen</h1>
<h2>Class: 11P</h2>
<h2>Team Members: Mazen, Mohammad Maziad, Mohammad Al Dossary, Abdulrahman</h2>
<button onclick="MyFunction()">Enter your age</button>
<p id="demo"></p>
<script>
x = 5;
y = 6;
w = 7;
s = 8;
g = 9;
z = x + y + w + s + g;
document.getElementById("demo").innerHTML = "The value of z is: " +
z;
</script>
<h3>Animals in the Zoo:</h3>
<div id="animalImages"></div>
<script>
function MyFunction() {
var age = prompt("You, how old are you?");
if (age) {
var months = age * 12;
var days = age * 365;
alert("You are " + age + " years, " + months + " months, and " +
days + " days old.");
}
}
var animals = [
{ name: "Lion", img:
"https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Lionss_of_king.jpg/
1280px-Lionss_of_king.jpg" },
{ name: "Tiger", img:
"https://upload.wikimedia.org/wikipedia/commons/thumb/4/49/Panthera_tigris_tigris.j
pg/800px-Panthera_tigris_tigris.jpg" },
{ name: "Elephant", img:
"https://upload.wikimedia.org/wikipedia/commons/b/bc/Elephant.jpg" },
{ name: "Giraffe", img:
"https://upload.wikimedia.org/wikipedia/commons/2/2b/Giraffe.jpg" },
{ name: "Zebra", img:
"https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Zebra_02.jpg/800px-
Zebra_02.jpg" },
{ name: "Monkey", img:
"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Monkeys_in_the_Wild.jpg/
400px-Monkeys_in_the_Wild.jpg?20090107104321" }
];
var i = 0;
while (i < animals.length) {
document.getElementById("animalImages").innerHTML +=
"<h4>" + animals[i].name + "</h4>" +
"<img src='" + animals[i].img + "' alt='" + animals[i].name + "'
style='width:150px; height:auto; margin:10px;'>";
i++;
}
</script>
</body>
</html>
