<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>