HTML + JS : booleani ed options

[LukeST79]

Ciao a tutti!
Ho un problema che mi sta facendo impazzire. Creata una funzione in JS (delta_machine ancora mille grazie!!), dovrei gestire delle eccezioni derivanti la scelta di option values di una label. Ecco il codice

<label for="night">Nacht</label> 
<input type="text" id="night" name="night" onclick="calcola()" readonly="yes"> </div>



<script language="javascript">
    function calcola() {
        var selDate1 = document.getElementById("datepicker-start").value;
        var selDate2 = document.getElementById("datepicker-end").value;
        if (selDate1 != "" && selDate2 != "") {
            var date1 = new Date(selDate1);
            var date2 = new Date(selDate2);
            var diff_date = date1.getTime() - date2.getTime();

            diff_days = new String(diff_date / 86400000);
            night.value = Math.abs(diff_days);

            if (night.value == Math.abs(1) ) {
                price.value = Math.abs(diff_days * 80);}
            
            else if (night.value == Math.abs(2)) {
                price.value = Math.abs(diff_days * 79);
            }
            
            else if (night.value == Math.abs(3)) {
                price.value = Math.abs(diff_days * 78);
            }
            else if (night.value == Math.abs(4)) {
                price.value = Math.abs(diff_days * 77);
            }
            else if (night.value == Math.abs(5)) {
                price.value = Math.abs(diff_days * 76);
            }
            else if (night.value == Math.abs(6)) {
                price.value = Math.abs(diff_days * 75);
            }
            else if (night.value >= Math.abs(7)) {
                price.value = Math.abs(diff_days * 74);
            }

        } else {
            night.value = "";
        }

    }

 </div>
          <div class="two columns half-top">
            <label for="room">Zimmer</label>
            <select name="roomtype" id="roomtype">
              <option value="Option 1">1 Zimmer (1-2 Person)</option>
              <option value="Option 2">2 Zimmer (3-4 Persons)</option>
              <option value="Option 3">Apartment (5-6 Persons)</option>
            </select>

</script>

Ora dovrei implementare le opzioni a ciascun else if. Cioè ad esempio :

  if (night.value == Math.abs(1) &&  option value=="Option 1">1 Zimmer ) {
                price.value = Math.abs(diff_days * 76);}

ma questa ultima sintassi sembra non piacere a JS...dopo l'operatore booleano "&&" quale sarebbe la sintassi esatta per gestire le 3 opzioni della label "Zimmer"?

Spero nel vostro prezioso aiuto! grazie in anticipo!!!

[Vincent.Zeno]

sposto in js

[LukeST79]

ho quasi risolto, appena riesco posto la soluzione...magari potrà servire a qualcuno in futuro.

Un ultimo quesito facile facile (non per me...sob...) :
Se io volessi far comparire un valore in automatico in un textbox senza ricorrere all' evento "onclick", come dovrei fare?
In pratica ho un text box, tramite onclick faccio comparire il valore risultante dalla mia funzione nel box stesso : c'è un modo per farlo comparire in automatico senza cliccarci sopra?

[cavicchiandrea]

Si con l'evento onload tipo:

<script>
onload=function(){
document.getElementById("tuo-elemento").value='dato che vuoi che appaia';
}
</script>

[LukeST79]

Andrea hai un PM!!!

[cavicchiandrea]

Originariamente inviato da LukeST79
Andrea hai un PM!!!

Non tenere in considerazione la parte smartphone ho confuso questa discussione con un'altra