index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Swachhta-Sanket AI</title>
    <link rel="stylesheet" href="style.css" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.2/axios.js"></script>
  </head>
  <body>
    <h1>Swachhta-Sanket AI</h1>

    <div id="result-box">
      <h2>
        Garbage cleaned
        <span class="result-box-pre"> (yes/no)</span>
      </h2>
      <input type="file" id="imageInput" accept="image/*" />
      <br />
      <br />
      <center>
        <img id="image_show" alt="" srcset="" class="image" />
        <br />
        <!-- <canvas id="myCanvas"></canvas> -->
      </center>
      <h3 id="result-text"></h3>
    </div>
    <script src="./script.js"></script>
  </body>
</html>