Spaces:
Running
Running
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Wordle Solver</title> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
</head> | |
<body> | |
<div class="container"> | |
<h1>Wordle Solver</h1> | |
<div class="row"> | |
<div class="col-md-6"> | |
<h2>Guess the word</h2> | |
<div class="form-group"> | |
<label for="guess">Enter your guess:</label> | |
<input type="text" class="form-control" id="guess" maxlength="5" /> | |
</div> | |
<button class="btn btn-primary" id="guess-button">Guess</button> | |
<button class="btn btn-default" id="reset-button">Reset</button> | |
<div class="alert alert-danger" id="error-message" style="display: none;"></div> | |
<table class="table"> | |
<tbody id="guess-history"> | |
</tbody> | |
</table> | |
</div> | |
<div class="col-md-6"> | |
<h2>Score</h2> | |
<div class="well"> | |
<div class="row"> | |
<div class="col-xs-2">1</div> | |
<div class="col-xs-2">2</div> | |
<div class="col-xs-2">3</div> | |
<div class="col-xs-2">4</div> | |
<div class="col-xs-2">5</div> | |
<div class="col-xs-2">6</div> | |
</div> | |
<div class="row"> | |
<div class="col-xs-2"><div class="square"></div></div> | |
<div class="col-xs-2"><div class="square"></div></div> | |
<div class="col-xs-2"><div class="circle"></div></div> | |
<div class="col-xs-2"><div class="square"></div></div> | |
<div class="col-xs-2"><div class="circle"></div></div> | |
<div class="col-xs-2"><div class="square"></div></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
<script src="wordle-solver.js"></script> | |
</body> | |
</html> | |