为了账号安全,请及时绑定邮箱和手机立即绑定

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


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

    if(colo!=null)

    {txt.style.color="";}

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

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

正在回答

3 回答

<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 回复 有任何疑惑可以回复我~
#1

Toonaiveto 提问者

原来不加引号就可以啊 那如果是宽高呢? var mypro=prompt("请输入宽高"); if(mypro!=null || mypro.length!=0){ mychar.style.width=mypro; } mypro输入数值px或百分比进去?似乎不能改变?
2017-07-17 回复 有任何疑惑可以回复我~
#2

Toonaiveto 提问者 回复 Toonaiveto 提问者

不小心输入中文标点,可以改变。
2017-07-17 回复 有任何疑惑可以回复我~

<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 回复 有任何疑惑可以回复我~

colo=prompt

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

0 回复 有任何疑惑可以回复我~
#1

Toonaiveto 提问者

你说的是confirm,确认true,取消false。prompt取消返回空,不取消似乎是返回输入的文本。
2017-07-17 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信