利用JS写一个计算平方的网页

<!-- 计算一个数的平方并显示出来 --><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算平方</title><script>function pf(){var input =    document.getElementById("num");console.log(input);    //获取框内的值var n = input.value;console.log(n);//获取spanvar span = document.getElementById("result");//判断该值是否为数字if(isNaN(n)){//不是数字，需要重新输入
                span.innerHTML ="不是数字，请重新输入数字";}else{//是数字，计算平方
                span.innerHTML= n*n ;}}</script>
</head>
<body><!-- 1 如何获取网页上的一个元素document.getElementById("id")2 如何读写文本框的值读：input.value写：input.value = "abc"3 如何读写span的内容 读：span.innerHTML写：span.innerHTML = "abc"--><input type="text" id ="num"/><input type="button" value="平方" onclick="pf();"/>=<span id="result"> </span></body>
</html>

效果：文本输入77，点击平方返回数字

转载于:https://www.cnblogs.com/kwinwei/p/10594878.html

利用JS写一个计算平方的网页相关推荐

利用js写一个函数,实现翻转任意数组。写一个函数,实现对数字数组的排序。
1.写一个函数,实现翻转任意数组 function reverse(arr) {var newArr = [];for (var i = arr.length - 1; i >= 0; i--) ...
利用js写一个飞翔的小鸟
html部分 <!DOCTYPE html> <html><head><meta charset="utf-8" /><tit ...
html中利用js写一个弹出注册框,原生js实现一个弹出框
其实弹出框的实现非常的简单.网上有很多种类的弹出框,比如jquery ui 的dialog colorbox fancybox等.jquery ui的dialog是一个专业的对话框而colorbox ...
利用js写一个类似打地鼠的小游戏
代码仅供参考 css代码; *{margin: 0;padding: 0; } a{text-decoration: none; }.root{width: 320px;height: 480px;b ...
利用Html,Css,javaScript简单写一个计算一天秒的倒计时
利用Html,Css,javaScript简单写一个计算一天还剩多少秒的倒计时页面代码我放下面,不多,就是我那个背景图我没有用精灵图,主要拼接太麻烦了,我直接img了,然后display:none; ...
利用js写的见缝插针小游戏
利用js写的见缝插针小游戏今天给大家带来的就是一款叫做<见缝插针>的游戏.有空你就往里插,直到你无处可插!看你能过多少关! 游戏截图失败时代码如下 js代码 index.js 测试游 ...
【Part2】用JS写一个Blog （node + vue + mongoDB）
[Part1]用JS写一个Blog (node + vue + mongoDB) 上一节前后端项目分别初始化完成,这一小节我就从后端项目开始写.实现mongoDB数据库的连接. 整理后端目录下面是通 ...
JS写一个简单的五星评价
JS写一个简单的五星评价在做前端网页页面的时候很多时候回有遇到星级评价的模块,用到的地方挺多所以自己就上传下方便大家和自己使用(不支持半星评价因为没有半星的图). 效果图如下: 下面是我们的代码: ...
用vue写一个计算总价
用vue写一个计算总价点击移除可以删除本项点击加减实现加减总价随着数量增加 <!DOCTYPE html> <html><head><meta char ...

利用JS写一个计算平方的网页

利用JS写一个计算平方的网页相关推荐

最新文章

热门文章