corner:3,

  crossroad:4,

  house1:3,

  house2:2,

  straight1:5,

  straight2:1,

  tjunction:5  

}

​

// Function to Create input DOM Elements

function createInputElements(){

  const path = "images";

  const elSize = 30;

  let imgCorner = createImg(`${path}/corner.png`,'');

  imgCorner.size(elSize+6,elSize+6)

  imgCorner.position(elSize/2, width+elSize/2);

  let inpCorner = createInput(inputTiles.corner.toString());

  inpCorner.position(imgCorner.x+imgCorner.width, width+elSize/2);

  inpCorner.size(elSize,elSize);

  inpCorner.input(setInputCorner);

  let imgCrossRoad = createImg(`${path}/crossroad.png`,'');

  imgCrossRoad.size(elSize+6,elSize+6)

  imgCrossRoad.position(inpCorner.x+inpCorner.width, width+elSize/2);

  let inpCrossRoad = createInput(inputTiles.crossroad.toString());

  inpCrossRoad.position(imgCrossRoad.x+imgCrossRoad.width, width+elSize/2);

  inpCrossRoad.size(elSize,elSize);

  inpCrossRoad.input(setInputCrossRoad);

  let imgHouse1 = createImg(`${path}/house1.png`,'');

  imgHouse1.size(elSize+6,elSize+6)

  imgHouse1.position(inpCrossRoad.x+inpCrossRoad.width, width+elSize/2);

  let inpHouse1 = createInput(inputTiles.house1.toString());

  inpHouse1.position(imgHouse1.x+imgHouse1.width, width+elSize/2);

  inpHouse1.size(elSize,elSize);

  inpHouse1.input(setInputHouse1);

  let imgHouse2 = createImg(`${path}/house2.png`,'');

  imgHouse2.size(elSize+6,elSize+6)

  imgHouse2.position(inpHouse1.x+inpHouse1.width, width+elSize/2);

  let inpHouse2 = createInput(inputTiles.house2.toString());

  inpHouse2.position(imgHouse2.x+imgHouse2.width, width+elSize/2);

  inpHouse2.size(elSize,elSize);

  inpHouse2.input(setInputHouse2);

  let imgStraight1 = createImg(`${path}/straight1.png`,'');

  imgStraight1.size(elSize+6,elSize+6)

  imgStraight1.position(inpHouse2.x+inpHouse2.width, width+elSize/2);

  let inpStraight1 = createInput(inputTiles.straight1.toString());

  inpStraight1.position(imgStraight1.x+imgStraight1.width, width+elSize/2);

  inpStraight1.size(elSize,elSize);

  inpStraight1.input(setInputStraight1);

  let imgStraight2 = createImg(`${path}/straight2.png`,'');

  imgStraight2.size(elSize+6,elSize+6)

  imgStraight2.position(inpStraight1.x+inpStraight1.width, width+elSize/2);

  let inpStraight2 = createInput(inputTiles.straight2.toString());

  inpStraight2.position(imgStraight2.x+imgStraight2.width, width+elSize/2);

  inpStraight2.size(elSize,elSize);

  inpStraight2.input(setInputStraight2);

  let imgTjunction = createImg(`${path}/tjunction.png`,'');

  imgTjunction.size(elSize+6,elSize+6)

  imgTjunction.position(inpStraight2.x+inpStraight2.width, width+elSize/2);

  let inpTjunction = createInput(inputTiles.tjunction.toString());

  inpTjunction.position(imgTjunction.x+imgTjunction.width, width+elSize/2);

  inpTjunction.size(elSize,elSize);

  inpTjunction.input(setInputTjunction);

}

​

function setInputCorner() {

  setInputTiles("corner", this.value());

}

function setInputCrossRoad() {

  setInputTiles("crossroad", this.value());

}

function setInputHouse1() {

  setInputTiles("house1", this.value());

}

function setInputHouse2() {

  setInputTiles("house2", this.value());

}

function setInputStraight1() {

  setInputTiles("straight1", this.value());

}

function setInputStraight2() {

  setInputTiles("straight2", this.value());

}

function setInputTjunction() {

  setInputTiles("tjunction", this.value());

}

function setInputTiles(name,value) {

    inputTiles[name] = !value ? 0 : parseInt(value);

}