JavaScript基础练习：输出n*n的乘法表
2016-11-21 14:09
309 查看
web前端与后端 2016-11-20 21:13
一个简单的乘法表。输入n的值，点击确定按钮输出n*n的乘法表。一个简单的小练习，大神请忽略~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function btn(){
var k=document.getElementById("in").value;
for(var i=1;i<=k;i++){
for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+(i*j)+' '+' ');
}
document.write("<br />");
}
}
</script>
</head>
<body>
<input type="text" id="in"placeholder="输出n*n的乘法表，请输入n的值"style="width: 200px;"/>
<input type="button" id="bu" value="确定" onclick="btn()"/>
</body>
</html>
输入9：
输入15：
非常简单，不喜勿喷~
一个简单的乘法表。输入n的值，点击确定按钮输出n*n的乘法表。一个简单的小练习，大神请忽略~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function btn(){
var k=document.getElementById("in").value;
for(var i=1;i<=k;i++){
for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+(i*j)+' '+' ');
}
document.write("<br />");
}
}
</script>
</head>
<body>
<input type="text" id="in"placeholder="输出n*n的乘法表，请输入n的值"style="width: 200px;"/>
<input type="button" id="bu" value="确定" onclick="btn()"/>
</body>
</html>
输入9：
输入15：
非常简单，不喜勿喷~
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript基础 使用for循环输出99乘法表(梯形表格)
- JavaScript基础 使用for循环输出99乘法表(梯形表格)
- 21天学会JavaScript之基础练习02
- JavaScript输出99乘法表
- Python基础练习，查询文本内容并输出；
- Javascript 基础编程练习一
- PAT练习基础编程题目之简单输出整数
- 第一个JavaScript入门基础 document.write输出
- 小练习——输出9*9乘法表，判断闰年
- 3月20日课堂练习，for语句输出9*9乘法表
- 基础练习 矩阵乘法
- 基础练习 矩阵乘法
- 用javascript和C#输出99乘法表
- 蓝桥杯 基础练习 杨辉三角形（水题，图形输出）
- 蓝桥杯 基础练习 字母图形（水题，图形输出）
- 练习JavaScript实现梯形乘法表
- [JS基础]JavaScript精简学习2：浏览器输出
- 用C#和javascript输出99乘法表
- JavaScript的基础练习(对象编程)
- javascript基础之打印乘法表