JS表格计算器

Question

i made this simple calculator as my very first project in JS. I was at one course, where they told me, that programmers are 'lazy' so they are trying to write as less code as possible. And there is comes my question. I think that my calculator is really long on code. I would like to know, if there is any way to acomplish this with less code. Thank you for your time and have a good day:)

function result() {
    var amount = parseInt(document.getElementById("number").value);
    var size = document.getElementById("velikost").value;
    var color = document.getElementById("barva").value;
    var price;
    
    if(amount <= 19) {
        if((size == 1) && (color == 1)) {
            price = 2.5
        }
        else if ((size == 1) && (color == 2)) {
            price = 3
        }
        else if ((size == 1) && (color == 3)) {
            price = 9.9
        }
        else if ((size == 1) && (color == 4)) {
            price = 10.9
        }
        else if ((size == 2) && (color == 1)) {
            price = 3.9
        }
        else if ((size == 2) && (color == 2)) {
            price = 4.5
        }
        else if ((size == 2) && (color == 3)) {
            price = 28.9
        }
        else if ((size == 2) && (color == 4)) {
            price = 29.9
        } }
    else if((amount > 19) &&(amount <= 49)) {
        if((size == 1) && (color ==1)) {
            price = 1.6
        }
        else if((size == 1) && (color ==2)) {
            price = 2.2
        }
        else if((size == 1) && (color ==3)) {
            price = 8.9
        }
        else if((size == 1) && (color ==4)) {
            price = 9.9
        }
        else if((size == 2) && (color ==1)) {
            price = 3.3
        }
        else if((size == 2) && (color ==2)) {
            price = 4.1
        }
        else if((size == 2) && (color ==3)) {
            price = 17.9
        }
        else if((size == 2) && (color ==4)) {
            price = 19.9
        }
    }
    else if((amount > 49) &&(amount <=99)){
        if((size == 1) && (color ==1)) {
            price = 1.4
        }
        if((size == 1) && (color ==2)) {
            price = 2
        }
        if((size == 1) && (color ==3)) {
            price = 6.9
        }
        if((size == 1) && (color ==4)) {
            price = 8.9
        }
        if((size == 2) && (color ==1)) {
            price = 3
        }
        if((size == 2) && (color ==2)) {
            price = 3.8
        }
        if((size == 2) && (color ==3)) {
            price = 12.9
        }
        if((size == 2) && (color ==4)) {
            price = 15.9
        }
    }
    else if ((amount > 99) && (amount <= 499)) {
        if((size == 1) && (color ==1)) {
            price = 1.2
        }
        if((size == 1) && (color ==2)) {
            price = 1.8
        }
        if((size == 1) && (color ==3)) {
            price = 4.9
        }
        if((size == 1) && (color ==4)) {
            price = 6.9
        }
        if((size == 2) && (color ==1)) {
            price = 2.6
        }
        if((size == 2) && (color ==2)) {
            price = 3.4
        }
        if((size == 2) && (color ==3)) {
            price = 9.9
        }
        if((size == 2) && (color ==4)) {
            price = 12.9
        }
    }
    else if ((amount > 499) && (amount <= 999)) {
        if((size == 1) && (color ==1)) {
            price = 1.1
        }
        if((size == 1) && (color ==2)) {
            price = 1.6
        }
        if((size == 1) && (color ==3)) {
            price = 3.9
        }
        if((size == 1) && (color ==4)) {
            price = 4.9
        }
        if((size == 2) && (color ==1)) {
            price = 2.4
        }
        if((size == 2) && (color ==2)) {
            price = 3.2
        }
        if((size == 2) && (color ==3)) {
            price = 6.9
        }
        if((size == 2) && (color ==4)) {
            price = 7.9
        }
    }
    else if ((amount > 999)) {
        if((size == 1) && (color ==1)) {
            price = 1
        }
        if((size == 1) && (color ==2)) {
            price = 1.5
        }
        if((size == 1) && (color ==3)) {
            price = 2.9
        }
        if((size == 1) && (color ==4)) {
            price = 3.9
        }
        if((size == 2) && (color ==1)) {
            price = 2.2
        }
        if((size == 2) && (color ==2)) {
            price = 2.9
        }
        if((size == 2) && (color ==3)) {
            price = 4.9
        }
        if((size == 2) && (color ==4)) {
            price = 5.9
        }
    }

document.getElementById("vysledek").innerHTML=amount * price;   
}  

Answer 1

You could create an object like this. Small example just to show usecase:

const amountLt19 = {
  size: {
    1: {
      color: {
        1: 2.5,
        2: 3,
        3: 9.9
      }
    }
  }
}

const objSize = amountLt19[size];
const price = objSize && objSize[color]