main.js

let stateM = 0;
let stateS = 0;

function Sticky(name, hp, ac){
    this.name = name,
    this.hp = hp,
    this.ac = ac,

    this.update = function(){
        this.hp--;
    },




function dropDown() {

}

function monsterSearch() {
        document.getElementById("monster").innerHTML = '<input id = "nameInput" type = "text" placeholder="Monster Name"><input id = "hpInput" type = "number" placeholder="Hit Points"> <input id = "acInput" type = "number" placeholder="Armour Class"> <button onclick = "createNewSticky()">Create New Monster Sticky</button>';
}

function createNewSticky(){
    let name = document.getElementById("nameInput").value;
    let hp = document.getElementById("hpInput").value;
    let ac = document.getElementById("acInput").value;

    let newSticky = new Sticky(name, hp, ac);
    console.log(newSticky);

    let newDiv = document.createElement('div');

    newDiv.innerHTML = newSticky.name + ' ' + newSticky.hp + ' ' + newSticky.ac;
    document.body.appendChild(newDiv);
}

function note() {
    let newNote = document.createElement("input");
    newNote.style.cssText = "width: 300px; height: 300px; color: black; left: 150px; top: 150px; position:absolute; vertical-align: top; ";
    document.body.appendChild(newNote);
}

function spellSearch() {
    if (stateS == 0){
        document.getElementById("spells").innerHTML = "<input type='text' placeholder='Search Spells'>";
        stateS += 1
    }else if (stateS == 1){
        document.getElementById("spells").innerHTML = "Spells";
        stateS = 0;
    }

}
}