main.js

URL: https://mirkwood.cs.edinboro.edu/~bennett/class/cmsc3780/spring2026/notes/javascript/code/four/main.js

 
import {DrawImage}  from  "./drawing.js"

const canvas = document.getElementById("MyCanvas")

const height = canvas.height
const width  = canvas.width

const doitButton = document.getElementById("doit")
const insetDataArea = document.getElementById("inset")

let inset = 10;
insetDataArea.value = inset

doitButton.addEventListener("click",ChangePicture);

function ChangePicture() {

     let tmpInset = parseInt(insetDataArea.value);

     if (tmpInset > 0 && tmpInset < Math.min(height/2, width/2)) {
         inset = tmpInset
         console.log("Changing the inset to be ", inset);
         DrawImage(inset, canvas);
     } else {
         insetDataArea.value = inset
     }
}

ChangePicture(inset, canvas);