<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script type="module" src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.3.1/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@0.8/dist/teachablemachine-image.min.js"></script>
</head>
<body>
<h1>Rock 👊 Paper🤚 Scissors✌️<div>using Google Teachable Machine</div></h1>
<button type="button" onclick="start()">Start</button>
<div id="game" class='hide'>
<div>
<h2>Computer</h2>
<div id="computer"></div>
</div>
<div>
<h2>You</h2>
<div id="you"></div>
</div>
</div>
<div id="results" class='hide'></div>
<div id="loading" class='hide'>When the video appears, show your webcam your choice. It will take the app a few seconds to analyze.</div>
<div id="reload" class='hide' onclick="play()">
<a onclick='play()'>Play Again</a>
</div>
</body>
</html>