TEXT

KOD

    <style>
        * {
          font-family: Verdana, Arial, lucida, sans-serif;
          font-size:14px;
        }
        textarea {
           width:500px; 
           height:100px;             
        }       
    </style> 
  

    <script>
       var posun = 1;    
       window.onload = function(){
       	  //zasifruj();
       }
       //https://www.w3schools.com/charsets/ref_utf_basic_latin.asp
       function zasifruj() {//32 - 126
            posun = parseInt(document.getElementById('posun').value);
            var i;
            var kod = "";
            var posunute;
			var vzor = document.getElementById('vzor').value;
            for (i = 0; i < vzor.length; i++) {
                posunute = vzor.charCodeAt(i) + posun;
                posunute = posunute - 32;
                posunute = posunute % (126 - 32 + 1);
                posunute = posunute + 32;                                 
                kod = kod + String.fromCharCode(posunute);  
            }
            document.getElementById('kod').value = kod;	 
            document.getElementById('vzor').value = "";                     
       }
       function odsifruj() {
            posun = parseInt(document.getElementById('posun').value);
            var i;
            var kod = "";
            var posunute;
			var vzor = document.getElementById('kod').value;
            for (i = 0; i < vzor.length; i++) {
                posunute = vzor.charCodeAt(i) - posun;
                posunute = posunute - 32;
                posunute = posunute % (126 - 32 + 1);
                posunute = posunute + 32;                                 
                kod = kod + String.fromCharCode(posunute);  
            }
            document.getElementById('vzor').value = kod;	       
       }      
    </script> 
  

    POSUN: <input type="number" id="posun" value="1">  
    <h2>TEXT</h2>
      <textarea id="vzor">STREDNI PRUMYSLOVA SKOLA ZLIN</textarea>
    <br />  
    <button onClick="zasifruj()">zašifruj</button>
    <hr />
                    
    <h2>KOD</h2>
      <textarea id="kod"></textarea>
    <br />
    <button onClick="odsifruj()">odšifruj</button>