main.js

URL: https://mirkwood.cs.edinboro.edu/~bennett/class/cmsc3780/spring2026/notes/javascript/code/five/main.js
 
import {DrawImage}  from  "./drawing.js"
import {Complex}  from  "./complex.js"

const canvas = document.getElementById("MyCanvas")
const ctx = canvas.getContext("2d")

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
     }
}

function TestComplex() {
    let number = new Complex()
    console.log(number.toString())

    number = new Complex(1)
    console.log(number.toString())

    number = new Complex(3,2)
    console.log(number.toString())

    let a = new Complex(3,4)
    let b = new Complex(5,9)

    let c = a.Add(b)
    console.log(a.toString() , " + ", b.toString(), " = ", c.toString())

    c = a.Mult(b)
    console.log(a.toString() , " * ", b.toString(), " = ", c.toString())
    c = a.Div(b)
    console.log(a.toString() , " / ", b.toString(), " = ", c.toString())
    console.log("|", a.toString(), "| = ", a.Mag())
}

ChangePicture(inset, canvas);
TestComplex()