let preco = 0
let precoS = 0
let valorI = 0
let valorF = 0
let valorFtemp = 0
let valorITemp = 0

const botao = document.querySelector('.botao')
const onclick = (botao) => {

    valorItemp = document.querySelector('.selectvalue1')
    valorI = valorItemp.options [valorItemp.selectedIndex].value
    valorFtemp = document.querySelector('.selectvalue2')
    valorF = valorFtemp.options [valorFtemp.selectedIndex].value

    for (i = valorI; i <= valorF; i++) {
        if (i == 0 || i == 1 || i == 2 || i == 3 ) {
            preco = 10
        }
        else if (i == 4 || i == 5 || i == 6 || i == 7) {
            preco = 10
        }
        else if (i == 8 || i == 9 || i == 10 || i == 11) {
            preco = 15
        }
        else if (i == 12 || i == 13 || i == 14 || i == 15) {
            preco = 20
        }
        else if (i == 16 || i == 17 || i == 18 || i == 19) {
            preco = 25
        }
        else if (i == 20 || i == 21 || i == 22 || i == 23) {
            preco = 40
        }
        precoS = precoS + preco
    }
    document.querySelector('.resultado').innerHTML = precoS

}
console.log(valorI)
console.log(valorF)