Записи

 <table align="center" border="0"
 width="400" class="colorborder">
  <tr><td align="center">Аутотреннинг<hr /></td></tr>
  <tr><td align="center" color="yellow"><input type="text"
 id="textfieldtrep1" value="воспитанный" /></td></tr>
  <tr><td align="center" color="yellow"><input type="text"
 id="textfieldtrep2" value="слушаюсь" /></td></tr>
  <tr><td align="center">
  <input id="trepSelect1" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'воспитанный';
  document.getElementById('textfieldtrep2').value = 'слушаюсь';
  }" checked="checked">
  <input id="trepSelect2" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'интеллегентный';
  document.getElementById('textfieldtrep2').value = 'учусь';
  }">
  <input id="trepSelect3" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'профессиональный';
  document.getElementById('textfieldtrep2').value = 'работаю';
  }">
  <input id="trepSelect4" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'пунктуальный';
  document.getElementById('textfieldtrep2').value = 'контролирую';
  }">
  <input id="trepSelect5" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'адекватный';
  document.getElementById('textfieldtrep2').value = 'объективен';
  }">
  <input id="trepSelect6" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'коммуникабельный';
  document.getElementById('textfieldtrep2').value = 'дружу';
  }">
 <input name="Кнопка13" type="button" id="buttrep"
 onclick="ChangeTrep();" value="начать"/> 
  </td>
  </tr>
  <script>
  var rndValue = 2;
  function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
  };
  function ChangeTrep() {
  document.getElementById('trepHead').innerHTML = 'Я - '+
 document.getElementById('textfieldtrep1').value; 
  for (var i = 0; i<33; i++){
 rndValue = getRandomInt(0, 3);
 if ( rndValue == 0 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-weight: bold; font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
 if ( rndValue == 1 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-style: italic; font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
 if ( rndValue == 2 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
  } 
  }
  </script>
  <tr>
  <td align="center">
  <div class="colorborder"><span id="trepHead">Я - воспитанный</span>
  <hr />Я
  <table><tr><td> 
  <script> 
  for (var i = 0; i<33; i++){
 rndValue = getRandomInt(0, 3);
 if ( rndValue === 0 ) {document.write('<span id="trep'+i+'"><span 
 style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-weight: bold; font-size: '+
 getRandomInt(8, 24)+'px;">слушаюсь </span></span>');}
 if ( rndValue === 1 ) {document.write('<span id="trep'+i+'"><span
 style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-style: italic; font-size: '+getRandomInt(8, 24)+
 'px;">слушаюсь </span></span>');}
 if ( rndValue === 2 ) {document.write('<span id="trep'+i+'"><
 span style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-size: '+
 getRandomInt(8, 24)+'px;">слушаюсь </span></span>');}
  }
  </script>
  </td></tr></table>
  </div>
  </td>
  </tr>
  </table>