Den "korte måde" er at tilføje et onKeyUp-event på det første felt, som så udgregner værdier hver gang man taster noget nyt i feltet.
onKeyUp kan også udskiftes med
onChange, men så bliver værdierne først udregnet når cursor forlader feltet. Læs mere her:
https://www.w3schools.com/jsref/dom_obj_event.asp<form>
<label for="Kvm">Antal kvm:</label>
<input type="number" id="kvm" name="kvm" value="30" onKeyup="document.querySelector('#kvmIalt').value = parseInt(this.value) * 1.1">
<label for="kvmIalt">+ 10% tillæg. Kvm Ialt:</label>
<input type="number" id="kvmIalt" name="kvmIalt" value="-">
</form>
En anden måde er med en knap du skal trykke for at udregne:
<form>
<label for="Kvm">Antal kvm:</label>
<input type="number" id="kvm" name="kvm" value="30">
<label for="kvmIalt">+ 10% tillæg. Kvm Ialt:</label>
<input type="number" id="kvmIalt" name="kvmIalt" value="-">
<button id="udregn">Udregn</button>
</form>
<script>
document.querySelector('#udregn').addEventListener('click', function(e){
e.preventDefault();
document.querySelector('#kvmIalt').value = (parseInt(document.querySelector('#kvm').value) * 1.1).toFixed(2); // Afrundet
});
</script>
