Javascript 九九乘法表

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#multiplicationTable{
width: 720px;;
overflow: hidden;
border-left: solid 1px #000;
border-bottom: solid 1px #000;
}

.mult-td{
display: inline-block;
width: 69px;
height: 30px;
line-height: 30px;
padding-left: 10px;
border-top: solid 1px #000;
border-right: solid 1px #000;
}
</style>
</head>
<body>
<div id="multiplicationTable">

</div>
<script type="text/javascript">
var multTable = document.getElementById("multiplicationTable");

for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
multTable.innerHTML += ("<div class=\"mult-td\">" + j + "x" + i + "=" + (i*j) + "</div>");
}
multTable.innerHTML += "<br />"
}
</script>
</body>
</html>

时间： 2024-08-28 20:58:31

Javascript 九九乘法表的相关文章

javascript实现九九乘法表

CSS代码部分: 1 <style type="text/css"> 2 table { 3 width: 800px; 4 height: 300px; 5 border-collapse: collapse; 6 } 7 td{border:1px solid red;} 8 </style> JS代码部分: 1 <script tjpe="teit/javascript"> 2 document.write("&l

JavaScript制作九九乘法表

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>九九乘法表</title> <style type="text/css"> ul,li{ margin: 0; padding: 0; list-style-type: none; } span{ display: inline-block; width: 100p

利用js的for循环实现一个简单的“九九乘法表”

For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算每次的结果,并用 table 使之排列出来. <script type="text/javascript"> document.write('<table border="1">'); //以表格规格打印 for(var i=1;i<=9;

JS实现九九乘法表

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 九九乘法表 </title> 5 <meta charset="UTF-8"> 6 <script typ

上下左右对称的九九乘法表

如题所示,九九乘法表在各个技术语言几乎都能做得到,并不是特别的希罕.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为90度的梯形乘法表: For循环代码 1 document.write("<table width='600' border=0'>"); 2 for(var i=1; i<=9; i++){ 3 document.

用JS写九九乘法表

九九乘法表 <script language=javascript> for(i=1;i<=9;i++){ for(j=1;j<=9;j++){ document.write (i+"*"+j+"="+i*j+" "); if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果这两个数字相同了 那么跳出,另起一行 } } </scr

非常有趣的九九乘法表

<!doctype html> <html> <head> <meta charset="UTF-8" /> <title>九九乘法表</title> <style type="text/css">     body{font-size: 12px;font-family: "微软雅黑";color: #666;}     table{margin-top: 50

简单的三次登陆和入门级九九乘法表的实现

三次登陆 _user = "aa" _passwd = "123456" count = 0 while count < 3: #当这个条件成立时,执行下面代码 username = input('enter username:') password = input('enter password:') if username == _user and password == _passwd: print('welcome %s login'% _user)

使用JSP表达式和JSP脚本打印九九乘法表

首先使用JSP声明声明一个函数用于得到九九乘法表的内容 <%! String printMultiTable() { String s = ""; for (int i = 1; i < 10; i ++) { for (int j = 1; j <= i; j ++) s += " " + i + " * " + j + " = " + (i * j) + " "; s += "