JSFiddle - React, Tailwind, and code Playground

HTML

<input onclick="txt()" type="number" min="0" max="3" size="4" id="iptnbr">



<textarea id="txt1" style="display:none"></textarea>
<textarea id="txt2" style="display:none"></textarea>
<textarea id="txt3" style="display:none"></textarea>

JavaScript

function txt() {
var qteValue = document.querySelector('#iptnbr').value;
      if(qteValue == 1)
      {
      document.getElementById("txt1").style.display="block";
      }
      else if (qteValue == 2)
      {
      document.getElementById("txt1").style.display="block";
      document.getElementById("txt2").style.display="block";
      }
      else 
      {
      document.getElementById("txt1").style.display="block";
      document.getElementById("txt2").style.display="block";
      document.getElementById("txt3").style.display="block";
      }
}