Johan G:

I am having a problem with a table i'm making with javascript. The table itself and it's functions are working quite nice, but the one thing i am struggling with is submitting the value, and making it be not "undefined". Provided code is below(values and functions are named in norwegian, but i hope it is understandable nevertheless).

let skjema = document.getElementById("skjema");
let inpAar = document.getElementById("inpAar");
let inpPromille = document.getElementById("inpPromille");
let inpFart = document.getElementById("inpFart");
let tabell = document.getElementById("tabell");

let lovbruddene = new Map();
lovbruddene.set("2008" , { promille: 9631, fart: 9863});
lovbruddene.set("2009" , { promille: 8593, fart: 12217});
lovbruddene.set("2010" , { promille: 8363, fart: 14920});
lovbruddene.set("2011" , { promille: 8128, fart: 14929});
lovbruddene.set("2012" , { promille: 8514, fart: 15425});

function lagreData(evt){
  evt.preventDefault();
  if (!lovbruddene.has(inpAar.value)) {
    lovbruddene.set(inpAar.value, {})
  }
  let lovbrudd = lovbruddene.get(inpAar.value);
  lovbrudd.promille = Number(inpPromille.value);
  lovbrudd.fart = Number(inpFart.value);

  lagTabell();
}

function finnAar(){
  if (lovbruddene.has(inpAar.value)) {
    let lovbrudd = lovbruddene.get(inpAar.value);
    inpPromille.value = lovbrudd.promille;
    inpFart.value = lovbrudd.fart;
  } else {
    inpPromille = "";
    inpFart = "";
  }
}
function slett(key){
  lovbruddene.delete(key);
  lagTabell();
}
function lagTabell() {
  tabell.innerHTML = "";
  for ( let [key, lovbrudd] of lovbruddene) {
    tabell.innerHTML += `

${key}
${lovbrudd.promille}
${lovbrudd.fart}
${lovbrudd.fart + lovbrudd.promille}

X


    `;
  }
}
  lagTabell();
    inpAar.addEventListener("input", finnAar);
    skjema.addEventListener("submit", lagreData);