<script>

function fn()
{
  var a = 0;
  var x = document.forms[0].elements['x'].value;
  x += 1;

  alert('x: ' + typeof x + ': ' + x);
  for (var i = 0; i < x; i++){ a+=i; }
  alert('i: ' + i);

  document.getElementById('qqq').innerHTML = 'Результат ='+a   ;
}

</script>
<form>
  <input name="x" id="x" onchange="fn()">
</form>
<pre id="qqq"></pre>

<script>
var rusChars = new Array('а','б','в','г','д','е','ё','ж','з','и','й',  'к','л','м','н','о','п','р','с','т','у','ф','х','ч  ','ц','ш','щ','э','ю','\я','ы','ъ','ь', ' ', '\'', '\"', '\#', '\$', '\%', '\&', '\*', '\,', '\:', '\;', '\<', '\>', '\?', '\[', '\]', '\^', '\{', '\}', '\|', '\!', '\@', '\(', '\)', '\-', '\=', '\+', '\/', '\\');
var transChars = new Array('a','b','v','g','d','e','jo','zh','z','i','j  ','k','l','m','n','o','p','r','s','t','u','f','h',  'ch','c','sh','csh','e','ju','ja','y','', '', ' ', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '');
var from = "";

function convert2EN()
  {
  from = document.getElementById("Message").value;
  from = from.toLowerCase();
  var to = "";
  var len = from.length;
  var character, isRus;
  for(var i=0; i < len; i++)
    {
    character = from.charAt(i,1);
    isRus = false;
    for(var j=0; j < rusChars.length; j++)
      {
      if(character == rusChars[j])
        {
        isRus = true;
        break;
        }
      }
    to += (isRus) ? transChars[j] : character;
    }
   document.form1.Message.value = to; 
  }
</script>

<FORM NAME="form1">
<textarea name="Message" id="Message" cols="30" rows="5" class="text"></textarea><br> 
<input type="button" value="Транслит" onclick="convert2EN()">
</FORM>