Created
November 22, 2022 08:46
-
-
Save bosz/ef3691184456aa847b91b7b75863b181 to your computer and use it in GitHub Desktop.
Basic html, css, js for edna
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="main.css"> | |
| </head> | |
| <body> | |
| <h1 id="title">Hello Edna</h1> | |
| <div id="content">This is a div</div> | |
| 00:00:00 | |
| <p>This is a p tag</p> | |
| <div> | |
| <button id="play" class="button">Play</button> | |
| <button id="pause" class="button">Pause</button> | |
| <button id="stop" class="button">Stop</button> | |
| </div> | |
| <span>This is a span</span> | |
| <script src="main.js"></script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --primary: green; | |
| --secondary: red; | |
| } | |
| #title { | |
| color: var(--primary); | |
| } | |
| .button { | |
| border-color: blue; | |
| background-color: lightblue; | |
| font-size: 20; | |
| padding: 20px; | |
| border-radius: 10px; | |
| color: blue; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.onload = function () { | |
| function play() { | |
| console.log('You clicked play') | |
| document.getElementById('content').innerHTML = "this is updated date"; | |
| } | |
| function pause() { | |
| console.log('You clicked paused'); | |
| } | |
| function stop() { | |
| console.log('You clicked stop') | |
| } | |
| document.getElementById('play').onclick = play | |
| document.getElementById('stop').onclick = stop | |
| document.getElementById('pause').onclick = pause | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment