Fix errors and bugs in the given code, without changing its intended functionality. ONLY return the fixed code and nothing else. Enclose the entire code in a single code block.



i have code:
```
<form id="identifyForm" class="d-flex flex-column align-items-center">
          <div
            class="rectangle mb-4"
            style="width: 59em; height: 45em; border-radius: 15px"
            onclick="document.getElementById('imageInput').click()"
          >
            <input
              type="file"
              id="imageInput"
              name="image"
              accept="image/*"
              capture
              onchange="loadImage(event)"
              style="display: none"
            />
            <img
              id="previewImage"
              src="https://png.pngtree.com/png-vector/20191129/ourmid/pngtree-image-upload-icon-photo-upload-icon-png-image_2047546.jpg"
              alt="Preview"
              style="
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 15px;
              "
            />
            <div id="scanAnimation" class="scan-animation"></div>
          </div>
          <div class="d-flex justify-content-center" style="z-index: 10000">
            <button
              id="identifyForm"
              type="submit"
              onclick="startScanAnimation()"
              class="btn btn-primary mx-3"
              style="
                background-color: #150999;
                border: none;
                color: white;
                padding: 25px 100px;
                text-align: center;
                text-decoration: none;
                font-size: 35px;
                font-weight: bold;
                border-radius: 10px;
              "
            >
              Identifikasi
            </button>
            <button
              class="btn btn-primary mx-3"
              onclick="window.location.href='https://fadmaka.000webhostapp.com/migrasi/maps_new.html'"
              style="
                background-color: #4caf50;
                border: none;
                color: white;
                padding: 25px 100px;
                text-align: center;
                text-decoration: none;
                font-size: 35px;
                font-weight: bold;
                border-radius: 10px;
              "
            >
              <i class="fas fa-map"></i> Peta Dunia 5D
            </button>
          </div>
        </form>
```
var imageInputCompressed;
async function loadImage(event) {
  const imageFile = event.target.files[0];

  console.log("originalFile instanceof Blob", imageFile instanceof Blob);
  console.log(`originalFile size ${imageFile.size / 1024 / 1024} MB`);
  const options = {
    maxSizeMB: 0.5,
    maxWidthOrHeight: 720,
    useWebWorker: true,
  };
  try {
    const compressedFile = await imageCompression(imageFile, options);
    imageInputCompressed = compressedFile;
    console.log(
      "compressedFile instanceof Blob",
      compressedFile instanceof Blob
    );
    console.log(
      `compressedFile size ${compressedFile.size / 1024 / 1024} MB`
    );
    const reader = new FileReader();
    reader.onload = function () {
      const previewImage = document.getElementById("previewImage");
      previewImage.src = reader.result;
    };
    reader.readAsDataURL(imageFile);

    await console.log("compressed");
  } catch (error) {
    console.log(error);
  }
}

error:
VM12 index.html:1 Uncaught ReferenceError: loadImage is not defined
    at HTMLInputElement.onchange (VM12 index.html:1:1)