Javascript Lezione 22


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

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

<body>

<form id="form" action="">
  <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">
</form>

 <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;}
       document.querySelector("#retribuzione4").value=stipendio;

       stipendio = 1200; //reset per nuovo calcolo

       //RIFACCIAMO IL CALCOLO CON ESPRESSIONI CONDIZIONALI

       // forma piú tranquilla in due passaggi
       //  stipendio = stipendio + (titolo==="diploma" ? 100 : 300);
       //  stipendio = stipendio + (esperienza==="meno" ? 200 : 400);

       //forma piú compatta usando due espressioni condizionali nella stessa espressione
       stipendio = stipendio +
          (titolo==="diploma" ? 100 : 300) +
          (esperienza==="meno" ? 200 : 400);

       //esageriamo  (ed evitiamo!)...
       //  stipendio = stipendio + (titolo==="diploma" ? 100 + (esperienza==="meno" ? 200 : 400) : 300 + (esperienza==="meno" ? 200 : 400) );
       document.querySelector("#retribuzione5").value=stipendio;


      let form = document.querySelector("#form");
      let linguaggio = form.elements.linguaggio.value;
      //let linguaggio = document.querySelector("[name='linguaggio']:checked").value;

       //linguaggio, con if else
       if (linguaggio==="C")
       {stipendio+=100;}
       else
       {
        if (linguaggio==="C++")
        { stipendio+=200;}
        else
        {
          if (linguaggio==="PHP" || linguaggio==="Javascript")
          {stipendio+=250;}
          else
          {
            if (linguaggio==="Java")
            {stipendio+=150;}
            else
            {stipendio-=50;}
          }
        }
       }
       document.querySelector("#retribuzione3").value=stipendio;

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

       //linguaggio = Math.random() > 0.5 ? "C" : 4; //case anche di tipo misto

       switch (linguaggio)
       {
           case 4:
             stipendio+=100;
           break;

           case "C":
             stipendio+=100;
           break;

           case "C++":
             stipendio+=200;
           break;

           case "PHP":
           case "Javascript":
             stipendio+=250;
           break;

           case "Java":
             stipendio+=150;
           break;

           default:
             stipendio-=50;
           break;
        }

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

        let x = 3.140001;
        switch (x)
        {
          case 3.14:
          {
            let y=12;
            alert("pi-greco");
          }
          break;

          case 3.140001:
          {
            let y=65;
            alert("QUASI pi-greco");
          }
          break;
        }

        x=0;
        let c=0;
        switch (c)
        {
          case 0:
            x+=100;
          case 1:
            x+=1000;
          case 3:
            x+=10000;
          case 4:
            x+=100000;
          break;

          default:
            x=1000000;
          break;
        }
        alert(x);


    }

 </script>

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


 </script>

</body>
</html>