index.html


<!DOCTYPE html>
<html>
  <head>
    <title>Image classifer</title>
    <!-- Load the latest version of TensorFlow.js -->
    <script src="https://unpkg.com/@tensorflow/tfjs"></script>
    <script src="https://unpkg.com/@tensorflow-models/mobilenet"></script>
    <link rel='stylesheet' href='styles.css'/>
  </head>
  <body>
    
    <div id="console"></div>

    <div class="titleArea">
      <h1>Image classifier</h1>

    </div>

    <div class="imageArea">
		<img id="imgUpload"/>
    </div>

    <div class="buttonarea">
      <input type="file" id="imageFile" accept="image/*" onchange="loadImage(event)" hidden="hidden" />
      <button tpe="button" id="imageButton">Select Image</button>
	  <button tpe="button" id="classify">Classify Image</button>
    </div>
	
	<div class = "resultArea">
		<div id="result"></div>
	</div>
    
    <script src="index.js"></script>
  </body>
</html>