201-class/index.html at main · leen-duafi/201-class · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<head>
<style>
    h1{ background-color:burlywood;
    color:cornflowerblue; }
</style>
</head>

<body>
<script>
     let Name=prompt('what is your name? ');
        console.log(Name);

     let read=prompt('did you read harry potter or little women ?');

        console.log(read);

     let music=prompt('what kind of music you listen to while reading :piano or violin ?');
        console.log(music);

    let snack=prompt('fovrit snacks while reading?');

        console.log(snack);

        alert(' Hi fellow reader ' + Name + ' you have already read  ' + read + 'your fovorite music is' + music + ' and your fovourit snack is ' + snack );
</script>
<header>
<h1> Class 1 Lab </h1>

</header>

<main>
<p style="background-color: aquamarine;color: black;">what is your name? </p>
<p style="background-color: blanchedalmond;color: blueviolet;">did you read harry potter or little women ?</p>
<p style="background-color:coral;color:cornsilk;">what kind of music you listen to while reading : piano or violian?</p>
<p style="background-color: darkgrey;color:darkred;">fovrit snacks while reading?</p>

</main>

<footer>
copyright2021

</footer>
</body>