Javascript ES13, video 20


<html>
<head>
    <title>Espressioni condizionali</title>

    <style>
     table{border: 1px dashed black;}
    </style>
</head>

<body>

<table>
    <tr>
       <td>Titolo di Studio</td>
       <td> <input type="radio" name="titolo" value="diploma" checked> Diploma 100</td>
       <td> <input type="radio" name="titolo" value="laurea"> Laurea 300</td>
   </tr>
   <tr>
       <td>Esperienza lavorativa</td>
       <td> <input type="radio" name="esperienza" value="meno" checked> Meno di 5 anni 200</td>
       <td> <input type="radio" name="esperienza" value="piu"> Più di 5 anni 400</td>
   </tr>

   <tr>
       <td>Linguaggio MAX exp</td>
       <td> <input type="radio" name="linguaggio" value="C"> C 100</td>
       <td> <input type="radio" name="linguaggio" value="C++" > C++ 200</td>
       <td> <input type="radio" name="linguaggio" value="PHP" > PHP 250</td>
       <td> <input type="radio" name="linguaggio" value="Javascript" > Javascript 250</td>
       <td> <input type="radio" name="linguaggio" value="Java" > Java 150</td>
   </tr>

 </table>
 <br>
 <input type="button" id="btn_stima" value="STIMA RETRIBUZIONE">
 <input type="text" id="retribuzione1">
 <input type="text" id="retribuzione2">
 <input type="text" id="retribuzione3">
 <input type="text" id="retribuzione4">
 <input type="text" id="retribuzione5">


 <script>
   function stima_retribuzione()
    {
       let stipendio = 1200; //stipendio base

       let titolo = document.querySelector("[name='titolo']:checked").value;
       let esperienza = document.querySelector("[name='esperienza']:checked").value;

       if (titolo==="diploma")
       {stipendio = stipendio + 100;} //forma compatta: stipendio+=100
       else
       {stipendio = stipendio + 300;}

       if (esperienza==="meno")
       {stipendio = stipendio + 200;}
       else
       {stipendio = stipendio + 400;}

       stipendio = 1200; //reset per nuovo calcolo

       //RIFACCIAMO IL CALCOLO CON ESPRESSIONI CONDIZIONALI
       stipendio = stipendio +
          (titolo==="diploma" ? 100 : 300) +
          (esperienza==="meno" ? 200 : 400);

       //esageriamo  ...
      //  stipendio=1200;
      //  stipendio = stipendio + (titolo==="diploma" ? 100 + (esperienza==="meno" ? 200 : 400) : 300 + (esperienza==="meno" ? 200 : 400) );


       document.querySelector("#retribuzione4").value=stipendio;


       document.querySelector("#retribuzione5").value=stipendio;
    }
 </script>

 <script>
  document.querySelector("#btn_stima").addEventListener("click", stima_retribuzione);


 </script>

</body>
</html>