當前位置:首頁 » 網頁前端 » 前端開發九九乘法表分析
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端開發九九乘法表分析

發布時間: 2022-06-20 21:49:43

Ⅰ 結合HTML+CSS+JavaScript完成如下圖所示的九九乘法表,

不要一上來就要完整答案,當下次遇到問題,又不知道怎麼解決了,希望自己動手解決。

提示:可以寫個循環,然後循環輸出,紅色的,可以用jQuery來控制,也可以單獨設置個樣式來控制

<scriptlanguage="javascript">
vari=1
varj=1
document.write("<tableborder=0>")
for(i=1;i<10;i++){
document.write("<tr>")
for(j=1;j<=i;j++){
document.write("<td>")
document.write(j+"*"+i+"="+(i*j))
document.write("</td>")
}
for(j;j<=9;j++){

document.write("<td></td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>

Ⅱ 跪求HTML的九九乘法表編寫代碼最好用for的循環解釋的越詳細越好

for(var i = 1; i <= 9; i++){ //外層循環
for(var j = 1; j <= i; j++){ //內層循環
document.write(j+"*"+i+"="+i*j+" "); //輸出結果
if((i*j)<10){
document.write(" "); //輸出兩個空格(為了看上去整齊一點)
}
}
document.write("</br>"); //輸出一個換行符
}

循環流程是這樣的:
第一次外循環,當i=1的時候,進入內循環,這時候j=1,所以在頁面上輸出1(j)*1(i)=1(i乘以j的積數)。注意,這里一定要內循環不滿足條件才會進入第二次外循環,所以第二次內循環的時候j=2了(因為j++),那麼它滿足中間的條件j<=i嗎?也就是現在的j(2)<=i(1)嗎?顯然條件不符合了,所以它退出內循環,執行內循環後面一句輸出一個換行符,然後回到第二次外循環。

第二次外循環的時候,i=2(因為i++),進入內循環,因為是新一輪內循環,所以一開始還是j=1,輸出結果為1*2=2,然後還是在內循環,這時候j=2,那麼j(2)<=i(2)嗎?是的。所以輸出2*2=4,然後第三次內循環j=3,那麼j(3)<=i(2)嗎?否。所以退出內循環,執行下面輸出一個換行符,進入第三層外循環。

以此類推,一直到外循環的i=10,不滿足i <= 9的條件,它就不會進入內循環了,也不會執行任何操作了,所以也不會輸出什麼10*1這種表達式。

Ⅲ 九九乘法表編程 幫分析一下

呵呵,這個九九乘法表問題可大了.

那一行c=""可以拿掉了.不影響程序的效果

不過它這個可不是標準的乘法表..

1*1=1
2*1=2 2*2=4
.....

這種階梯形的才是呵..

我幫你寫一個吧.你應該看的更明白呵.

Private Sub Form_Click()
Dim a As Integer
Dim b As Integer

For a = 1 To 9

For b = 1 To a '這用到to a才能成階梯形的..
'當a在第1輪是1時,b就是從1循環到1,只1次, 當a是2,時,b就從1到2循環2次
'以此類推,一直到a=9時,b就從1到9循環9次的.

Print a & "*" & b & "=" & a * b & " ";
'先打個a,再打個*號,再打個b,再打個=號,最後打a*b的值,注意最後是一個;號,就表示不換行
'比如a=9時,b從1循環到9, 這9個9*1一直到9*9是不換行的
Next b
Print
'這里列印了一空行,表示一輪b循環完了.
Next a

End Sub

Ⅳ 用JSP編寫一個九九乘法表問題

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Hello JSP</title>

</head>

<body>

<!-- 九九乘法表 -->

<table id="table1">

<%

for(int i=1;i<=9;i++)

{

%>

<tr> <!-- i行 -->

<%

for(int j=1;j<=i;j++)

{

%>

<td> <!-- j列 -->

<%

out.print(i+"*"+j+"="+(i*j));

%>

</td>

<%

}

%>

</tr>

<%

}

%>

</table>

</body>

<script type="text/javascript" src="js/jquery-1.11.0.js"></script>

<script type="text/javascript">

$("#table1 tr:even").css("background-color","bisque");

$("#table1 tr:odd").css("background-color","#D6BCD6");

</script>

</html>

換行:利用<table>來控制乘法表的格式,共9*9,但並不是每行都有9列,所以要用jsp編寫雙重for循環控制每行的列數。

(4)前端開發九九乘法表分析擴展閱讀:

用JSP輸出九九乘法表

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>

<%@ page import="java.util.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>列印九九乘法表</title>

</head>

<body>

<%

long startTime = System.nanoTime();//記錄開始時間單位是納秒

%>

輸出九九乘法表

<hr>

<%

for(int i = 1;i <= 9;i++)

{

for(int j = 1;j<=i;j++)

{

String str = j + "*" + i + "=" + j * i;

out.print(str+" ");

}

out.print("<br>");

}

long time = System.nanoTime() - startTime;

%>

生成九九乘法表用時為(單位是納秒):

<%

out.print(time/1000);

%>

</body>

</html>

Ⅳ javascript 的九九乘法表問題

有幾個字母抄錯了。

documen應該寫成document,還有j要小寫,等等。。

我幫你改好了,代碼如下:

--------------------------------------

<HTML>
<HEAD>
<META NAME="GENERATOR"CONTENT="Javascript Editor2">
<TITLE>JavaScript Sample</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i,j;
i=0;
while(true)
{
i++;
j=0;
document.write("<BR>");
while(j<i)
{
if(i>9)
{break;
}
j++;
document.write(i+'*'+j+'='+i*j+'');

}
}

//-->
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>

Ⅵ JavaScript如何做九九乘法表

代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<script>

var num=0;

for(var i=1 ;i<10;i++){

for(var j=1;j<10;j++){

num=i*j;

if(num/10<1){

num="&nbsp;&nbsp;"+i*j;

}

if(j<=i) {

document.write(j + "*" + i + "=" + num + "&nbsp;&nbsp;&nbsp;&nbsp;");

}

}

document.write("<br>");

}

</script>

</body>

</html>

(6)前端開發九九乘法表分析擴展閱讀:

JavaScript For 循環

JavaScript 支持不同類型的循環:

  • for- 循環代碼塊一定的次數

  • for/in- 循環遍歷對象的屬性

  • while- 當指定的條件為 true 時循環指定的代碼塊

  • do/while- 同樣當指定的條件為 true 時循環指定的代碼塊

下面是 for 循環的語法:

for (語句 1; 語句 2; 語句 3)
{
被執行的代碼塊
}

語句 1在循環(代碼塊)開始前執行;

語句 2定義運行循環(代碼塊)的條件;

語句 3在循環(代碼塊)已被執行之後執行。

Ⅶ 編程輸出九九乘法表並分析該程序的時間復雜度

for(int i=1;i<10;i++)
{
for(int j=1;j<=i;j++)
{
printf("%d*%d=%d",i,j,i*j);
}
printf("\n");
}

時間復雜負o(n^2)

Ⅷ JS基於for語句編寫的九九乘法表示例

本文實例講述了JS基於for語句編寫的九九乘法表。分享給大家供大家參考,具體如下:
js的功能非常強大,那麼現在我們就用js裡面的for循環來輸出一個原汁原味的九九乘法表;
先看運行效果:
核心代碼如下:
<script
type="text/javascript">
document.write('<table
border="1"
bgcolor="#ccc"
width="80%"
cellpadding="0"
cellspacing="0">');
for(var
i=1;i<=9;i++){
document.write('<tr>');
for(var
j=1;j<=i;j++){
document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
}
document.write('</tr>');
}
document.write('</table>');
</script>
大家可以試著去走一下循環,我們把九九乘法表的兩個乘數設為兩個變數,分別是i和j;
當i=1時滿足for循環的條件,執行循環語句,先輸出一個<tr>(table標簽裡面的行屬性),然後執行tr裡面的另一個for循環;
令j=1,j<=i,此時的i=1,符合循環條件,執行循環語句,輸出1*1=1;j++之後j的值就變成了2;我們再來看j<=i,就是2<=1是錯誤的,因此終止循環;
我們第一遍循環就輸出了一行,行裡面的內容是1*1=1;那我們在用i++令i=2執行循環,同樣根據上面的來走循環;
知道i走到9再往下走到10不符合條件的時候,終止整個循環,我們就輸出了一個原汁原味的九九乘法表;
更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數據結構與演算法技巧總結》、《JavaScript數學運算用法總結》、《JavaScript排序演算法總結》、《JavaScript遍歷演算法與技巧總結》、《JavaScript查找演算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。

Ⅸ 如何用javascript編寫九九乘法表

<script type="text/javascript" >

function step(){

for(i=1;i<=9;i++){

for(j=1;j<=i;j++){

document.write(i+"x"+j+"="+i*j +"");

}document.write("<br/>")

}

}

</script>

</head>

<body onload="step()">

</body>

(9)前端開發九九乘法表分析擴展閱讀

c語言九九乘法表,具體代碼如下,在Trubo2.0、3.0、VC6.0下正常。

#include <stdio.h>

int main(void)

{

int i,j;

for (i=1;i<=9;i++)

{

for (j=1;j<=i;j++)

printf("%d*%d=%d ",j,i,j*i);

printf(" ");

}

}

Ⅹ JavaScript和網頁怎樣實現動態九九乘法表

<html>
<body>
<script>
var IsInitReader = 0;
function test(){
var num = document.getElementById("num").value;
if(isNaN(num)){
alert("請重新輸入一個整數");
}else if(num<1||num>9){
alert("請重新輸入一個1至9之間的整數");
}else{
var table = document.getElementById("table");
var result = "";
for(var i=num;i<=9;i++){
result +=num+"*"+i+"="+(num*i);
if(i!=9){
result +="<br>";
}
}
table.innerHTML = result;
}

}
</script>

輸入一個整數:<input id="num" width=100></input><input type="button" value="生成九九乘法表" onclick="test()"></input><br>
<div id="table"></div>

</body>
</html>