如何实现改变颜色为prompt输入的颜色
var colo=prompt("请输入颜色:","red")
if(colo!=null)
{txt.style.color="";}
不考虑输入错误值的情况。 prompt 是返回一个文本存入colo吗?txt.style.color="colo"似乎无法实现改变颜色,求解惑。
如果考虑输入错误值,判断条件如何设置比较合适?
var colo=prompt("请输入颜色:","red")
if(colo!=null)
{txt.style.color="";}
不考虑输入错误值的情况。 prompt 是返回一个文本存入colo吗?txt.style.color="colo"似乎无法实现改变颜色,求解惑。
如果考虑输入错误值,判断条件如何设置比较合适?
2017-07-16
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
</head>
<body>
<input type="button" value="变颜色" onclick="changeColor()" />
<p id="col">javascript</p>
</body>
</html>
<script type="text/javascript">
var mychar=document.getElementById("col");
function changeColor(){
var mypro=prompt("请输入颜色");//输入red,blue,正确的颜色,
if(mypro==null || mypro.length==0){
mychar.style.color="black";
}else{
mychar.style.color=mypro;
}
}
</script>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
</head>
<body>
<input type="button" value="变颜色" onclick="changeColor()" />
<p id="col">javascript</p>
</body>
</html>
<script type="text/javascript">
var mychar=document.getElementById("col");
function changeColor(){
var mypro=prompt("请输入颜色");
alert(mypro);
if(mypro==null || mypro.length==0){
mychar.style.color="black";
}else{
mychar.style.color=mypro;
}
}
</script>
举报