ОлежкаKiev,
у вас всё верно - имена лучше давать осмысленно
|
Сообщение от ОлежкаKiev
|
|
id="1"
|
|
Сообщение от ОлежкаKiev
|
|
name="input"
|
и единицы измерения незабывать
px
чтобы сворачивало текст в <p> вместе с шириной в css overflow: hidden;
про остальное читать тут
http://learn.javascript.ru/
http://learn.javascript.ru/styles-and-classes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p{
background-color: rgba(0, 128, 0, 1);
overflow: hidden;
color: rgba(255, 255, 0, 1);
}
</style>
<title></title>
</head>
<body>
<p id="1">_____________________________________________________________________________________________________________________</p>
<form name="f" id="f">
<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 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('1').style.textAlign = currentradio;
document.getElementById('1').style.color = document.f.color.value;
document.getElementById('1').style.width = document.f.input.value + "px";
}
</script>
</body>
</html>