Javascript初步-随机整数求和

最新推荐文章于 2023-04-20 09:24:22 发布

gCodeTop 格码拓普老师

最新推荐文章于 2023-04-20 09:24:22 发布

阅读量1k

点赞数 3

分类专栏： Html/CSS等前端技术文章标签：网页设计 javascript

本文链接：https://blog.csdn.net/vinglemar/article/details/78894534

版权

Html/CSS等前端技术专栏收录该内容

61 篇文章 0 订阅

订阅专栏

1.练习目标:

初步熟悉javascirpt编程环境

2.代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Random Add Demo</title>
<script type="text/javascript">
 var r1=parseInt(Math.random()*100);
 var r2=parseInt(Math.random()*100);
 document.getElementById("FirstNum").value=r1;
 document.getElementById("SecondNum").value=r2;
 function getValue()
  {
 	  var x=FirstNum.value;
	  var y=SecondNum.value;
          var c=parseInt(x)+parseInt(y);	  
	  document.getElementById("sumNum").innerHTML=c;
  
  }
</script>
</head>
<body>
  <label for="FirstNum">加数:</label>
  <input type="text" name="FirstNum" id="FirstNum"  /> 
  +
  <label for="SecondNum">加数</label>
  <input type="text" name="SecondNum" id="SecondNum" />=<h2 id="sumNum" οnclick="getValue()">
  0
</h2>
</body>
</html>