Untitled

<html>
<head><style>

#ko{
  text-align: justify;
  //width:100%;
  line-height: 1.8;
  font-size:32px;
}
body{


}
</style>
</head>
<body>

<form id='form'>
  <input name='text' value=''>

</form>
<button onclick="none()">Try it</button>
<script>
function none(){
  var form = document.getElementById('form');
  var text = form[0];
  var ome=0;
  var dana=text.value;
  var o=50;

 const ad= [];
 for(let i=0;i<dana.length;i++){

     ad[i]=dana.charAt(i);


     }
     var dl=dana.length;

for(let z=0;z<dl;z++){

if(ad[z]===" "){ad[z]="";}
if(ad[z]==="["){ad[z]="";while(ad[z]!="]"){
if(ad[z]===" "){ad[z]="";}
if(ad[z]==="["){ad[z]="";}
    if(ad[z]==="1"){ad[z]="C₂";}
     if(ad[z]==="2"){ad[z]="D₂";}
     if(ad[z]==="3"){ad[z]="E₂";}
     if(ad[z]==="4"){ad[z]="F₂";}
     if(ad[z]==="5"){ad[z]="G₂";}
     if(ad[z]==="6"){ad[z]="A₂";}
     if(ad[z]==="7"){ad[z]="B₂";}
     if(ad[z]==="8"){ad[z]="C₂";}
     if(ad[z]==="9"){ad[z]="D₂";}
     if(ad[z]==="0"){ad[z]="E₂";}
     if(ad[z]==="!"){ad[z]="C₂^";}
     if(ad[z]==="@"){ad[z]="D₂^";}
     if(ad[z]==="#"){ad[z]="~~";}
     if(ad[z]==="$"){ad[z]="F₂^";}
     if(ad[z]==="%"){ad[z]="G₂^";}
     if(ad[z]==="^"){ad[z]="A₂^";}
     if(ad[z]==="&"){ad[z]="????";}
     if(ad[z]==="*"){ad[z]="C₃^";}
     if(ad[z]==="("){ad[z]="D₃^";}
     if(ad[z]===")"){ad[z]="????";}
     if(ad[z]==="q"){ad[z]="F₃";}
     if(ad[z]==="w"){ad[z]="G₃";}
     if(ad[z]==="e"){ad[z]="A₃";}
     if(ad[z]==="r"){ad[z]="B₃";}
     if(ad[z]==="t"){ad[z]="C₄";}
     if(ad[z]==="y"){ad[z]="D₄";}
     if(ad[z]==="u"){ad[z]="E₄";}
     if(ad[z]==="i"){ad[z]="F₄";}
     if(ad[z]==="o"){ad[z]="G₄";}
     if(ad[z]==="p"){ad[z]="A₄";}
     if(ad[z]==="a"){ad[z]="B₄";}
     if(ad[z]==="s"){ad[z]="C₅";}
     if(ad[z]==="d"){ad[z]="D₅";}
     if(ad[z]==="f"){ad[z]="E₅";}
     if(ad[z]==="g"){ad[z]="F₅";}
     if(ad[z]==="h"){ad[z]="G₅";}
     if(ad[z]==="j"){ad[z]="A₅";}
     if(ad[z]==="k"){ad[z]="B₅";}
     if(ad[z]==="l"){ad[z]="C₆";}
     if(ad[z]==="z"){ad[z]="D₆";}
     if(ad[z]==="x"){ad[z]="E₆";}
     if(ad[z]==="c"){ad[z]="F₆";}
     if(ad[z]==="v"){ad[z]="G₆";}
     if(ad[z]==="b"){ad[z]="A₆";}
     if(ad[z]==="n"){ad[z]="B₆";}
     if(ad[z]==="m"){ad[z]="C₇";}
     if(ad[z]==="Q"){ad[z]="F₃^";}
     if(ad[z]==="W"){ad[z]="G₃^";}
     if(ad[z]==="E"){ad[z]="A₃^";}
     if(ad[z]==="R"){ad[z]="B₃^";}
     if(ad[z]==="T"){ad[z]="C₄^";}
     if(ad[z]==="Y"){ad[z]="D₄^";}
     if(ad[z]==="U"){ad[z]="--";}
     if(ad[z]==="I"){ad[z]="F₄^";}
     if(ad[z]==="O"){ad[z]="G₄^";}
     if(ad[z]==="P"){ad[z]="A₄^";}
     if(ad[z]==="A"){ad[z]="B₄^";}
     if(ad[z]==="S"){ad[z]="C₅^";}
     if(ad[z]==="D"){ad[z]="D₅^";}
     if(ad[z]==="F"){ad[z]="---";}
     if(ad[z]==="G"){ad[z]="F₅^";}
     if(ad[z]==="H"){ad[z]="G₅^";}
     if(ad[z]==="J"){ad[z]="A₅^";}
     if(ad[z]==="K"){ad[z]="B₅^";}
     if(ad[z]==="L"){ad[z]="C₆^";}
     if(ad[z]==="Z"){ad[z]="D6^";}
     if(ad[z]==="X"){ad[z]="--";}
     if(ad[z]==="C"){ad[z]="F₆^";}
     if(ad[z]==="V"){ad[z]="G₆^";}
     if(ad[z]==="B"){ad[z]="A₆^";} z++;}ad[z]="│"; if(z>=o){ad[z]=ad[z]+"\n";o=o+50}}
     else{
     if(ad[z]===" "){ad[z]="";}
     if(ad[z]==="1"){ad[z]="C₂│";}
     if(ad[z]==="2"){ad[z]="D₂│";}
     if(ad[z]==="3"){ad[z]="E₂│";}
     if(ad[z]==="4"){ad[z]="F₂│";}
     if(ad[z]==="5"){ad[z]="G₂│";}
     if(ad[z]==="6"){ad[z]="A₂│";}
     if(ad[z]==="7"){ad[z]="B₂│";}
     if(ad[z]==="8"){ad[z]="C₂│";}
     if(ad[z]==="9"){ad[z]="D₂│";}
     if(ad[z]==="0"){ad[z]="E₂│";}
     if(ad[z]==="!"){ad[z]="C₂^│";}
     if(ad[z]==="@"){ad[z]="D₂^│";}
     if(ad[z]==="#"){ad[z]="~~|";}
     if(ad[z]==="$"){ad[z]="F₂^│";}
     if(ad[z]==="%"){ad[z]="G₂^│";}
     if(ad[z]==="^"){ad[z]="A₂^│";}
     if(ad[z]==="&"){ad[z]="???";}
     if(ad[z]==="*"){ad[z]="C₃^│";}
     if(ad[z]==="("){ad[z]="D₃^│";}
     if(ad[z]===")"){ad[z]="???";}
     if(ad[z]==="q"){ad[z]="F₃│";}
     if(ad[z]==="w"){ad[z]="G₃│";}
     if(ad[z]==="e"){ad[z]="A₃│";}
     if(ad[z]==="r"){ad[z]="B₃│";}
     if(ad[z]==="t"){ad[z]="C₄│";}
     if(ad[z]==="y"){ad[z]="D₄│";}
     if(ad[z]==="u"){ad[z]="E₄│";}
     if(ad[z]==="i"){ad[z]="F₄│";}
     if(ad[z]==="o"){ad[z]="G₄│";}
     if(ad[z]==="p"){ad[z]="A₄│";}
     if(ad[z]==="a"){ad[z]="B₄│";}
     if(ad[z]==="s"){ad[z]="C₅│";}
     if(ad[z]==="d"){ad[z]="D₅│";}
     if(ad[z]==="f"){ad[z]="E₅│";}
     if(ad[z]==="g"){ad[z]="F₅│";}
     if(ad[z]==="h"){ad[z]="G₅│";}
     if(ad[z]==="j"){ad[z]="A₅│";}
     if(ad[z]==="k"){ad[z]="B₅│";}
     if(ad[z]==="l"){ad[z]="C₆│";}
     if(ad[z]==="z"){ad[z]="D₆│";}
     if(ad[z]==="x"){ad[z]="E₆│";}
     if(ad[z]==="c"){ad[z]="F₆│";}
     if(ad[z]==="v"){ad[z]="G₆│";}
     if(ad[z]==="b"){ad[z]="A₆│";}
     if(ad[z]==="n"){ad[z]="B₆│";}
     if(ad[z]==="m"){ad[z]="C₇│";}
     if(ad[z]==="Q"){ad[z]="F₃^│";}
     if(ad[z]==="W"){ad[z]="G₃^│";}
     if(ad[z]==="E"){ad[z]="A₃^│";}
     if(ad[z]==="R"){ad[z]="B₃^│";}
     if(ad[z]==="T"){ad[z]="C₄^│";}
     if(ad[z]==="Y"){ad[z]="D₄^│";}
     if(ad[z]==="U"){ad[z]="--";}
     if(ad[z]==="I"){ad[z]="F₄^│";}
     if(ad[z]==="O"){ad[z]="G₄^│";}
     if(ad[z]==="P"){ad[z]="A₄^│";}
     if(ad[z]==="A"){ad[z]="B₄^│";}
     if(ad[z]==="S"){ad[z]="C₅^│";}
     if(ad[z]==="D"){ad[z]="D₅^│";}
     if(ad[z]==="F"){ad[z]="---";}
     if(ad[z]==="G"){ad[z]="F₅^│";}
     if(ad[z]==="H"){ad[z]="G₅^│";}
     if(ad[z]==="J"){ad[z]="A₅^│";}
     if(ad[z]==="K"){ad[z]="B₅^│";}
     if(ad[z]==="L"){ad[z]="C₆^│";}
     if(ad[z]==="Z"){ad[z]="D6^│";}
     if(ad[z]==="X"){ad[z]="--";}
     if(ad[z]==="C"){ad[z]="F₆^│";}
     if(ad[z]==="V"){ad[z]="G₆^│";}
     if(ad[z]==="B"){ad[z]="A₆^│";}
     if(z>=o){ad[z]=ad[z]+"\n";o=o+50;}
     }   }

  document.getElementById('ok').innerHTML=text.value;

  document.getElementById('ko').innerHTML=ad.join("");
}
</script>

<div id='ok'>

</div><br>________________________________<br>
<div id='ko'>

</div>
</body>
</html>