LivsWorld.github.io/index.html at master · topcoder-01/LivsWorld.github.io · 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
<!doctype html>
<html>
<head>
  <Title>Liv's World</Title>
  <link rel="stylesheet" href="style_sheet.css">

</head>
<body>
  <ul>
    <li><a href="index.html">Home</a></li>
  </ul>
  <h1>Liv's World</h1>
  <p></p>
  <img src="IMG_7418.JPG" style="width:350px;">
    <h3>About Me:</h3>
      Hi, I'm Olivia Shen. I'm a 16-year-old girl from Southern California
      <br>spending the summer in San Francisco learning to code.
    <p></p>
  <a href="https://www.youtube.com/watch?v=UMJm_97QXHA">Click here for Mitski jams!</a>
  </p>

  <h3>Click the button to switch the flower!</h3>
  <button onclick="changeImage()">Change</button>
  <p></p>
  <img src="JGI169-M.jpg" id="myImage" width="200">
  <script>
    function changeImage() {
      var image= document.getElementById("myImage");
      if (image.src.match("daisy-flower-1532449822.jpg")) {
        image.src= "JGI169-M.jpg";
      }
      else {
        image.src= "daisy-flower-1532449822.jpg";
      }
    }
    </script>


</body>
</html>