Skip to content

Instantly share code, notes, and snippets.

@rogfrich
Created March 25, 2021 21:36
Show Gist options
  • Save rogfrich/aed8e06ae14bd0ffe9d273b5fb16a772 to your computer and use it in GitHub Desktop.
Save rogfrich/aed8e06ae14bd0ffe9d273b5fb16a772 to your computer and use it in GitHub Desktop.
JAMstack_exercises_HTML
<!DOCTYPE html>
<html>
<head>
<title>JAMstack</title>
</head>
<body>
<div id="task1wraper">
<h1 id="taskHeader">Task 1</h1>
<p><img src="http://placekitten.com/g/400/400"></p>
<button onclick=task1()>Task 1</button>
</div>
<div id="task2wrapper">
<button onclick="task2()">Task 2</button>
</div>
<div id="task3-square" style="height: 50px; width: 50px; background-color: red;"></div>
<div id="task4wrapper">
<a id="task4link" href="https://leedswebdev.org">Leeds web dev</a>
</div>
<div id="task5wrapper">
<form action="sdfafdsaf.com">
<fieldset>
<div>
<label for="teask5input">Enter a number</label>
<input type="number" id="task5input" name='myNumber' placeholder="Enter a number">
<button id="task5submit">Submit</button>
</div>
<p id="task5output">The number multiplied by 5 will go here</p>
</fieldset>
</form>
</div>
<script src="index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment