Facebook
From Cream Terrapin, 6 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 65
  1. <html lang="en">
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <link rel="stylesheet" type="text/css" href="style.css">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <img id="face" class="avatar" src="face.png">
  11.     <img class="avatar" src="eyes.png">
  12.     <img id="hairs" class="avatar" src="hairs.png">
  13.     <img id="body" class="avatar" src="body.png">
  14.     <img class="avatar" src="mouth.png">
  15.    
  16.     <div id="menu">
  17.         <div class="buttons">
  18.             <button onclick="exampleChangeHairs()">Hairs</button>
  19.  
  20.             <button onclick="changeEyes()">Eyes</button>
  21.  
  22.             <button onclick="changeMouths()">Mouths</button>
  23.  
  24.             <button onclick="exampleChangeBody()">Body</button>
  25.  
  26.             <button onclick="changeBG()">Background</button>
  27.  
  28.             <button onclick="changeBorder()">Border</button>
  29.         </div>
  30.     </div>
  31.  
  32.     <script>
  33.     function exampleChangeHairs(){
  34.         var elem = document.getElementById("hairs");
  35.         if(elem.src == "hairs2.png"){
  36.             elem.src = "hairs.png";
  37.         } else {
  38.            elem.src = "hairs2.png";
  39.         }
  40.     }
  41.     function exampleChangeBody(){
  42.         var elem = document.getElementById("body");
  43.         if(elem.src == "body2.png"){
  44.             elem.src = "body.png";
  45.         }
  46.         else{
  47.         elem.src = "body2.png";
  48.         }
  49.     }
  50.    
  51.    
  52.    
  53.     </script>
  54. </body>
  55. </html>