{"version":3,"sources":["index.js"],"names":["submitBtn","document","getElementById","table","body","getElementsByTagName","drag","regenerateGrid","innerHTML","tableBody","createElement","height","value","width","j","row","i","square","style","background","addEventListener","color","appendChild","event","preventDefault"],"mappings":";AAIA,IAAMA,EAAYC,SAASC,eAAe,aACpCC,EAAQF,SAASC,eAAe,eAChCE,EAAOH,SAASI,qBAAqB,QAAQ,GAC/CC,GAAO,EAWX,SAASC,IACDC,EAAAA,UAAY,GAKb,IAJDC,IAAAA,EAAYR,SAASS,cAAc,SACnCC,EAASV,SAASC,eAAe,eAAeU,MAChDC,EAAQZ,SAASC,eAAe,cAAcU,MAEzCE,EAAI,EAAGA,EAAIH,EAAQG,IAAK,CAE1B,IADDC,IAAAA,EAAMd,SAASS,cAAc,MACxBM,EAAI,EAAGA,EAAIH,EAAOG,IAAK,CAC1BC,IAAAA,EAAShB,SAASS,cAAc,MAC7BQ,EAAAA,MAAMC,WAAa,UACnBC,EAAAA,iBAAiB,YAAa,WAC/BC,IAAAA,EAAQpB,SAASC,eAAe,eAAeU,MAC/CN,IACGY,KAAAA,MAAMC,WAAaE,KAIrBD,EAAAA,iBAAiB,YAAa,WAC5B,GAAA,EACHC,IAAAA,EAAQpB,SAASC,eAAe,eAAeU,MAC9CM,KAAAA,MAAMC,WAAaE,IAEtBC,EAAAA,YAAYL,GAERK,EAAAA,YAAYP,GAElBO,EAAAA,YAAYb,GApCpBL,EAAKgB,iBAAiB,UAAW,WACxB,GAAA,IAGTpB,EAAUoB,iBAAiB,QAAS,SAASG,GACrCC,EAAAA,iBACNjB,MAiCFA","file":"project.80c22831.map","sourceRoot":"..","sourcesContent":["// Select color input\n// Select size input\n\n// When size is submitted by the user, call makeGrid()\nconst submitBtn = document.getElementById('submitBtn');\nconst table = document.getElementById('pixelCanvas');\nconst body = document.getElementsByTagName('body')[0];\nlet drag = false;\n\nbody.addEventListener('mouseup', function() {\n  drag = false;\n});\n\nsubmitBtn.addEventListener('click', function(event) {\n  event.preventDefault();\n  regenerateGrid();\n});\n\nfunction regenerateGrid() {\n  table.innerHTML = '';\n  let tableBody = document.createElement('tbody');\n  let height = document.getElementById('inputHeight').value;\n  let width = document.getElementById('inputWidth').value;\n\n  for (let j = 0; j < height; j++) {\n    let row = document.createElement('tr');\n    for (let i = 0; i < width; i++) {\n      let square = document.createElement('td');\n      square.style.background = '#FFFFFF';\n      square.addEventListener('mouseover', function() {\n        let color = document.getElementById('colorPicker').value;\n        if (drag) {\n          this.style.background = color;\n        }\n      });\n\n      square.addEventListener('mousedown', function() {\n        drag = true;\n        let color = document.getElementById('colorPicker').value;\n        this.style.background = color;\n      });\n      row.appendChild(square);\n    }\n    tableBody.appendChild(row);\n  }\n  table.appendChild(tableBody);\n}\n\nregenerateGrid();\n"]}