为什么点击取消按钮上的文字会消失

来源:1-8 编程练习

啊嘞哦豁

2019-10-22 10:38:45

<!DOCTYPE html>
<html>
    <head lang="en">
     <meta charset="UTF-8">
     <title>1-8</title>
</head>
<body>
<input type="button" id="btn" value="点击">
  <script type="text/javascript">
   //补充代码
   var btn=document.getElementById('btn');
      btn.onclick=function(){
      var input=prompt("请输入文本\n当点击确定是,按钮的文字会变成输入的文本");
      if (input!="") {
      btn.value=input;
      }else{
      btn.value="点击";
      }
      }
  </script>
</body>
</html>

写回答

1回答

好帮手慕星星

2019-10-22

同学你好,

当点击取消按钮时,input接收到的值为null,不等于空字符串,所以会执行if条件,也就没有问题显示了。

可以再加一个判断:

http://img.mukewang.com/climg/5dae6f56098f53ae05230240.jpg

不为空字符串并且不为null的时候才执行if条件。

自己测试下,祝学习愉快!

欢迎采纳~

0

0 学习 · 40143 问题

查看课程