<html>
  <head>
    <title>Caesar Chiper</title>
  </head>
    
   <link rel="stylesheet" href="../../styles.css">

<script>
    function isLetter(s) 
    {
       return s.length === 1 && s.match(/[a-z]/i);
      }

    function caesarChiper(str)
    {
       var encoded={

	a:'d', 
        b:'e',
        c:'f',
        d:'g',
        e:'h',
        f:'i',
        g:'j',
        h:'k',
        i:'l',
        j:'m',
        k:'n',
        l:'o',
        m:'p',
        n:'q',
        o:'r',
        p:'s',
        q:'t',
        r:'u',
        s:'v',
        t:'w',
        u:'x',
        v:'y',
        w:'z',
        x:'a',
        y:'b',
        z:'c'
       }
       str=str.toLowerCase();
       var chiper='';
      
       for(var i=0; i<str.length; i++)
       {
          if ( isLetter(str[i]) != null ){
               chiper+=encoded[str[i]];
           }
          else
          {
             chiper+="<font color='green'>"+str[i]+"</font>";
            }
       }
      
       return chiper;
    }
    function Go()
    {
       var str=document.getElementById("to_chiper").value;
       var res=caesarChiper(str);
       document.getElementById("Chiper").innerHTML=res;
     }
</script>
<body>
    
<h2><a href="../../" title="Home (Minsk)"><img src="../../Images/Andrzej.jpg" width="21" ></a>&nbsp;&nbsp;Projects:
<a href="../../Projects/0" title ="Project 0. Jef Raskin"> 0 </a>
<a href="../../Projects/1" title ="Project 1"> 1 </a>
<a href="../../Projects/2" title ="Project 2"> 2 </a>
<a href="../../Projects/3" title ="Project 3"> 3 </a>
<a href="../../Projects/4" title ="Project 4"> 4 </a>
<a href="../../Projects/5" title ="Project 5"> 5 </a>
<a href="../../Projects/6" title ="Project 6"> 6 </a>
<a href="../../Projects/7" title ="Project 7"> 7 </a>
<a href="../../Projects/8" title ="Project 8"> 8 </a>
<a href="../../Projects/9" title ="Project 9"> 9 </a>
<a href="../../Projects/A" title ="Project 10"> A </a>
<a href="../../Projects/B" title ="Project 11"> B </a>
<a href="../../Projects/C" title ="Project 12"> C </a>
    </h2>
  <h2>Project 8. Encoding information: Caesar Chiper</h2>
   <br /> <img src="Images/Caesar.jpg" width="270 "/><br /><br />
  <input type="text" value="abba" id="to_chiper">
  <input type="button" value="Encrypt" onClick="Go()">
  <span id="Chiper"></span>
    <p>
        &nbsp;</p>
    <p>
        <a href="IT_Lab_Caesar_Chiper.pdf">Manual</p>
</body>
</html>