Kirjoita ruutuun nimi ja paina Enter tai klikkaa jonnekin tekstiruudun ulkopuolelle.

Kirjoita nimi:

Valitse jokin tuotemerkki:

Esimerkin koodaus, script-, style- ja HTML-koodaukset:

 <script 
   src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"> </script>
  <script>
   $(document).ready(function(){
    $(".muuta").change(function(){
     $(this).css("background-color", "#FFE0DA");
    });
   });
  </script> 
  <style>
   #vari{color:DarkMagenta;}
  </style>   

 <body>

  <p id="vari">Kirjoita ruutuun nimi ja paina <i>Enter</i> tai klikkaa jonnekin tekstiruudun ulkopuolelle.</p>

   Kirjoita nimi: <input class="muuta" type="text">

  <p id="vari">Valitse jokin tuotemerkki:</p>

  <select class="muuta" name="brand">
   <option value="guess">   Guess   </option>
   <option value="moncler"> Moncler </option>
   <option value="givenchy"> Givenchy </option>
   <option value="oewe"> Loewe </option>
   </select> 
 </body>