JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<h2 id="qs"> أدخل عدد الفلاشات </h2>
<p>
  <input type="text" id="num" />
  <button> أدخل ! </button>
</p>
<p id="numResult"></p>

CSS

* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body {background :#f7f7f7;font-size: 18px;}
p,h2 {text-align: center;}
h2 {padding: 10px;border:1px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;width: 50%;margin: 0 auto;}
input {width: 40%;border: 1px solid #ccc;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;padding: 10px;outline:0;font-size:17px;text-align: center;}
button {border: 1px solid #ccc;background: #f1f1f1;padding:10px 20px;border-radius: 5px 5px 0 0;font-size:17px;cursor: pointer;direction:rtl;min-width: 80px;width:10%;}

JavaScript

var btn = document.querySelector("button"),
  count = 0,
  flNumber = 0,
  fSize=0, flSize=[];


btn.onclick = function(e) {
  if (isNaN(num.value) == true || num.value == ''){
  	  alert ("من فضلك ادخل رقم صحيح ");
      num.value='';
      return false;
  }

  switch (count) {
    case 0:
      flNumber = num.value;
      num.value = '';
      qs.innerText = "ادخل حجم الملف";
      count++;
      break;
    case 1:
     if (fSize === 0) {
      fSize = num.value;
      qs.innerText = " ("+(flSize.length+1)+") " + "ادخل حجم الفلاشة";
      num.value = '';
      } else {
         if (flNumber != flSize.length+1) {
             flSize.push(num.value);
             qs.innerText = " ("+(flSize.length+1)+")" + "ادخل حجم الفلاشة";
             num.value = '';
         }else {
			qs.innerText = "أدخل عدد الفلاشات";
            flSize.push(num.value);
            num.value = '';
            printResult();
			flSize=[];fSize=0;flNumber=0;count=0;
         }
      }
      break;
  }
};
   
   function printResult() {
      flSize.sort(function(a,b){return b-a});
      var total=0,flCount=0;
      while (total < fSize) {
        if (flCount < flSize.length) {
        total += parseInt(flSize[flCount]);
		flCount++;
        }else {
		  break;
		}
      }
	  
	  if (total > fSize) {
        numResult.innerHTML = "أنت تحتاج عدد " + flCount + " من الفلاشات" ;
      }else {
		 numResult.innerHTML = "لن تكفيك هذه الفلاشات . حجم الملف كبير" ;
      }
   }