<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <hr id="2"> <form name="f" id="f"> Задайте выравнивание линии:<br> <input type="radio" name="align" value="left" checked="checked">Rleft<br> <input type="radio" name="align" value="center">Rcentr<br> <input type="radio" name="align" value="right">Right<br> Цвет линии: <input type="color" name="color"><br> Длинну линии: <input name="input" value="100"><br> Ширину линии: <input name="input2" value="100"><br> <input type="button" value="применить стиль для текста" onclick="radiocheck()"> </form><script> function radiocheck() { var currentradio; if (document.f.align[0].checked) { currentradio = 'left'; } if (document.f.align[1].checked) { currentradio = 'center'; } if (document.f.align[2].checked) { currentradio = 'right'; } document.getElementById('2').color = document.f.color.value; document.getElementById('2').width = document.f.input.value + "px"; document.getElementById('2').align = currentradio; document.getElementById('2').size = document.f.input2.value; } </script> </body> </html>