JSFiddle - React, Tailwind, and code Playground

by Alexander Lehmann

HTML

<script>
function changeVisible() {
  var sel=document.getElementById('s').value;
  var i;
  for(i=1;i < 4;i++) {
    if(i <= sel) {
      document.getElementById('e'+i).style.visibility="";
    } else {
      document.getElementById('e'+i).style.visibility="hidden";
    }
  }
}
</script>
<div id="e1" style="visibility:hidden">Hallo</div>
<div id="e2" style="visibility:hidden">Welt</div>
<div id="e3" style="visibility:hidden">Lalala</div>
<select id="s" onchange="changeVisible()">
    <option name="1">1</option>
    <option name="2" selected="true">2</option>
    <option name="3">3</option>
</select>
<script>
changeVisible();
</script>