Created
June 1, 2023 22:27
-
-
Save prof3ssorSt3v3/551d54e7b9e2bc54ae6c82cc3b8cb489 to your computer and use it in GitHub Desktop.
starter code for exercise
This file contains 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>Data Management</title> | |
<link rel="stylesheet" href="main.css" /> | |
<script src="main.js" type="module"></script> | |
</head> | |
<body> | |
<div class="container"> | |
<header> | |
<h1>Data Management</h1> | |
<h2>Your Name Here</h2> | |
</header> | |
<main> | |
<h2>Modified Data</h2> | |
<pre></pre> | |
</main> | |
</div> | |
</body> | |
</html> |
This file contains 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
* { | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 20px; | |
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
font-weight: 300; | |
line-height: 1.6; | |
margin: 0; | |
} | |
body { | |
margin: 0; | |
padding: 0; | |
} | |
header { | |
background-color: #333; | |
color: #e4e4e4; | |
} | |
header * { | |
margin: 0; | |
} | |
h1, | |
h2 { | |
padding: 1rem 3rem; | |
} |
This file contains 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
(() => { | |
//this function runs when the page loads | |
//make the fetch call here or add a <button> to the HTML and | |
//add a click listener to that button to make the fetch call | |
//remember to handle any errors with the .catch() and display them in | |
//a <dialog> or <popover> | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment