JSFiddle - React, Tailwind, and code Playground

by Arnaud

HTML

<form action="script.php" >

  <input type="text" id="inputTexte">
  
<input type="file" />
<select>
<option>un</option>
<option>deux</option>
</select>

<input type="submit" value="envoyer" />
</form>
    <div id="page">
      <h1 id="header">Liste</h1>
      <h2>Achats Ă©picerie</h2>
      <ul>
        <li id="un" class=" cool ">figues <em> fraiches</em></li>
        <li id="deux" class="important">Noix</li>
        <li id="trois" class="important">miel</li>
        <li id="quatre">vinaigre balsamique</li>
        <li class="toto">tptp
        </li>
         <li>tptp
        </li>
         <li>tptp
        </li>
         <li>tptp
        </li>
         <li>tptp
        </li>
         <li>tptp
        </li>
        
         <li>tptp
        </li>
      </ul>
    </div>

CSS

li[class="important"] {
  background-color: yellow;
}

.cool{
  background:blue;
  color:white;
}

.fondRouge{
  background:red;
}

li{
 margin-top:10px; 
  
}

JavaScript

$('li').on('click', function(){
$(this).animate({
"marginLeft":"30"
})

})