如何实现改变颜色为prompt输入的颜色

源自：4-1 编程挑战

如何实现改变颜色为prompt输入的颜色

var colo=prompt("请输入颜色：","red")

if(colo!=null)

{txt.style.color="";}

不考虑输入错误值的情况。 prompt 是返回一个文本存入colo吗？txt.style.color="colo"似乎无法实现改变颜色，求解惑。

如果考虑输入错误值，判断条件如何设置比较合适？

提问者：Toonaiveto 2017-07-16 14:28

个回答

小小姑娘大智慧__

2017-07-16 16:16: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>

0
小小姑娘大智慧__

2017-07-16 16:15:08

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

0
qq_蝶恋花_9

2017-07-16 15:29:00

colo=prompt
prompt给colo的值只能是true或者false，不是颜色

0