Skip to content

Instantly share code, notes, and snippets.

@ridgey28

ridgey28/index.html

Last active February 21, 2021 17:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ridgey28/3842d2af0882b637d200f92724f4ea02 to your computer and use it in GitHub Desktop.
Save ridgey28/3842d2af0882b637d200f92724f4ea02 to your computer and use it in GitHub Desktop.
Download ZIP
JavaScript Guessing Game
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JavaScript Guessing Game</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<script src="js/guessing-game.js" defer></script>
</head>
<body>
<section class="hero is-success is-bold is-fullheight">
<div class="hero-body">
<div class="container">
<h2 class="title" id="message">Pick a number</h2>
<form class="form" id="guess-container">
<div class="field has-addons">
<div class="control is-expanded">
<input class="input is-large" type="number" min="1" max="100" id="guess" placeholder="Number" >
</div>
<div class="control">
<button id="btn" class="is-large button is-link">Submit</button>
</div>
</div>
</form>
<div class="tags" id="tags">Your guesses will display here</div>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment