如何实现改变颜色为prompt输入的颜色-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：4-1 编程挑战

Toonaiveto

2017-07-16 14:28

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

if(colo!=null)

{txt.style.color="";}

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

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

写回答关注

3回答

小小姑娘大智慧__

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>

2 0

Toonai... 回复Toonai...

不小心输入中文标点，可以改变。

2017-07-17 11:39:51

共 2 条回复 >
小小姑娘大智慧__

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 0
qq_蝶恋花_9

2017-07-16 15:29:00

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

1 0

Toonai...

你说的是confirm，确认true，取消false。prompt取消返回空，不取消似乎是返回输入的文本。

2017-07-17 11:49:15

共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

738244 学习 · 9560 问题

查看课程

相似问题

第一次单机改变颜色，如何设置再次单机改变颜色，将其颜色换回以前的颜色

回答 2

只能改变颜色

回答 2

改变哪个的颜色

回答 5

为什么颜色没改变！！！

回答 4

怎样把第12行输入的Hello改变颜色

回答 4

打开慕课网App查看更多内容