计算平方

最新推荐文章于 2022-05-04 10:50:20 发布

荒--

最新推荐文章于 2022-05-04 10:50:20 发布

阅读量1.3k

点赞数 1

分类专栏： WEB基础

本文链接：https://blog.csdn.net/wangqing84411433/article/details/70175392

版权

WEB基础专栏收录该内容

30 篇文章 1 订阅

订阅专栏

样式代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>计算平方</title>
    <meta charset="utf-8"/>
    <script type="text/javascript">
    /*计算输入数字的平方*/
      function cal(){
        //获取文本框的值
        var input = document.getElementById("num");
        //获取span，向其写入值
        var span = document.getElementById("result");
        //获取文本框的值
        var n = input.value;
        //文本框里取值不可能为null
        //innerHTML是元素的内容
        if(n == "" || isNaN(n)){
        	span.innerHTML = "请从新输入!";
        }else{
			span.innerHTML = n*n;
        }
        //清空输入框(无论结果是否正确)
        input.value = "";
      }
    </script>
  </head>
  <body>
    <input type="text" id="num"/>
    <input type="button" value="平方" οnclick="cal()"/> 
    = 
    <span id="result"></span>
  </body>
</html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

荒--

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
计算平方

样式代码如下：计算平方 /*计算输入数字的平方*/ function cal(){ //获取文本框的值 var input = document.getElementById("num"); //获取span，向其写入值 var span = document.getEle
复制链接

扫一扫