1. 程式人生 > >軟件工程結對作業01

軟件工程結對作業01

flow inf 操作 title con fresh edi cover eight

(1)設計思想

先用隨機函數生成第一個和第二個操作數和運算符號,然後轉化成計算式計算出正確答案,然後判斷答案是否超過100和判斷結果的小數位數,如果不超過100和小數位的長度為0則輸出,如果不是則重新循環生成操作數和運算符號。

(2)程序源碼

*****************************style.css*****************************************************

@charset "UTF-8";
/****四則運算題目表格(<table>)****/
.box{
margin-top: 50px;
}
/****結果輸入框(<input>)****/
.result{
width: 60px;
padding: 5px;
border:none;
font-size:20px;
border-bottom: solid yellowgreen 5px;
text-align:center;
}
/****題目(<td>)****/
.expr{
font-size: x-large;
}

/****非分數/運算符(<div>)*****/
.nomal{
text-align:center;
float:left;
position: relative;
top: 16px;
margin-left: 3px;
margin-right: 3px;
width="20px"
}

/****分數(<div>)****/
.fraction{
text-align:center;
float: left;
margin-left:3px;
margin-right: 3px;
width="20px"
}

/****題目選擇*****/
.option{
text-align: center;
}
/******你準備好了嗎?按鈕******/
.submit1{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
background:yellow;
font-family: "微軟雅黑";
font-weight: bold;
font-size: 25px;
text-align: center;
}
/*****提交按鈕*****/
.submit{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 5px;
background: cornflowerblue;
border: none;
cursor: pointer;
color:lightyellow;
font-family: "微軟雅黑";
font-weight: bold;
font-size: 20px;
}
/******計時器*******/
.timer{
position:fixed;
top: 10px;
right: 10px;
border: none;
width:50px;
text-align: right;
background: none;
}
.pause{
position:fixed;
top: 30px;
right: 10px;
}
/****題目選項****/
.option{
margin-left:auto;
margin-right:auto;
width:600px;
margin-top: 130px;
border:dashed #9ACD32 2px;
padding-top: 100px;
padding-bottom: 100px;
}
/****答題按鈕*****/

*******************************DoubleOperation.java********************************

package com.jaovo.msg.model;

public class DoubleOperation {
private static int operationNumber;
private static double[] result;
private static String[] question;

public static String[] getQuestion() {
return question;
}
public static void setQuestion(String[] question) {
DoubleOperation.question = question;
}
public int getOperationNumber() {
return operationNumber;
}
public void setOperationNumber(int operationNumber) {
this.operationNumber = operationNumber;
}
public double[] getResult() {
return result;
}
public void setResult(double[] result) {
this.result = result;
}

}

**************************choose.jsp*****************************

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<link rel="stylesheet" href="css/style.css"/>
<title>小學生四則運算</title>
<style type="text/css">
body{
background-image:url(image/choose.jpg);background-size:cover;
}
</style>
</head>
<body>
<div style="text-align:right;">
<span style="color:red;font-size:25px">
<a href="Welcome.jsp">退出</a><br><br></span>
</div>
<form action="Connect.jsp" class="option">
<center><h2>四則運算</h2></center>
<p>選擇題目類型:
<select name="elementNum">
<option>2</option>
<option>3</option>
</select>元運算<br /></p>
選擇題目數量:
<input name="count" value="10" type="radio" />10
<input name="count" value="20" type="radio" />20
<input name="count" value="30" type="radio" />30
<input name="count" value="40" type="radio" />40
<input name="count" value="50" type="radio" />50
<br /><br />
<button class="submit" style="margin-top:50px">開始答題!</button>
</form>
</body>
</html>

********************Connect.jsp********************

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>連接</title>
</head>
<body>
<%
String type=request.getParameter("elementNum");
String OperationNumber=request.getParameter("count");
if(OperationNumber==null||"".equals(OperationNumber))
{
OperationNumber="10";
}
if(type.equals("2"))
{
response.sendRedirect("DoubleOperation.jsp?OperationNumber="+OperationNumber);
}
else
{
response.sendRedirect("ThreeOperation.jsp?OperationNumber="+OperationNumber);
}

%>


</body>
</html>

*******************************doDoubleOperation.jsp*********************

<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>


</head>
<body style="background-image:url(image/zuihou.jpg) ;background-size:cover">
<div style="text-align:right;">
<span style="color:red;font-size:25px"><a href="choose.jsp">題目定制</a>&nbsp;&nbsp;
<a href="Welcome.jsp">退出</a><br><br></span>
</div>

<%
int correct=0;//計算正確的數目
int error=0;//計算錯誤的數目
int nullerror=0;//沒答題的數目
DoubleOperation doubleoperation=new DoubleOperation();
double[] result=doubleoperation.getResult();
String[] question=doubleoperation.getQuestion();
int operationNumber=doubleoperation.getOperationNumber();
System.out.println("count="+operationNumber);
for(int i=0;i<operationNumber;i++)
{
String child_result=request.getParameter("child_result"+i);
%>

<span style="font-size:22px"> <%=question[i] %><%=child_result %></span>
<%
if((null==child_result)||("".equals(child_result)))
{
nullerror++;
%>
<span style="font-size:22px"><span style="color:red">×</span>&nbsp;&nbsp;&nbsp;正確答案是<%=result[i]%></span><br><br>
<%
}
else
{
double child_result2=Double.valueOf(child_result);
if(child_result2==result[i])
{
correct++;
%>
<span style="font-size:25px;color:green">√</span><br><br>
<%
}
else
{
error++;
%>
<span style="font-size:25px"><span style="color:red;font-size:25px">×</span>&nbsp;&nbsp;&nbsp;正確答案是<%=result[i]%></span><br><br>
<%
}
}
}
%>

<span style="color:red;font-size:27px"> 恭喜你!答對了<%=correct %>道題,答錯了<%=error %>道題,沒答<%=nullerror %>道題,共得<%=(correct*100/operationNumber)%>分,用時:<%=request.getParameter("time") %>
</span>
</body>
</html>

******************************************doThreeOperation.jsp*************************************


<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
</head>
<body style="background-image:url(image/zuihou.jpg) ;background-size:cover">
<div style="text-align:right;">
<span style="color:red;font-size:25px"><a href="choose.jsp">題目定制</a>&nbsp;&nbsp;
<a href="Welcome.jsp">退出</a><br><br></span>
</div>

<%
int correct=0;//計算正確的數目
int error=0;//計算錯誤的數目
int nullerror=0;//沒答題的數目
DoubleOperation doubleoperation=new DoubleOperation();
double[] result=doubleoperation.getResult();
String[] question=doubleoperation.getQuestion();
int operationNumber=doubleoperation.getOperationNumber();
System.out.println("count="+operationNumber);
for(int i=0;i<operationNumber;i++)
{
String child_result=request.getParameter("child_result"+i);
%>

<span style="font-size:22px"> <%=question[i] %><%=child_result %></span>
<%
if((null==child_result)||("".equals(child_result)))
{
nullerror++;
%>
<span style="font-size:22px"><span style="color:red">×</span>&nbsp;&nbsp;&nbsp;正確答案是<%=result[i]%></span><br><br>
<%
}
else
{
double child_result2=Double.valueOf(child_result);
if(child_result2==result[i])
{
correct++;
%>
<span style="font-size:25px;color:green">√</span><br><br>
<%
}
else
{
error++;
%>
<span style="font-size:25px"><span style="color:red;font-size:25px">×</span>&nbsp;&nbsp;&nbsp;正確答案是<%=result[i]%></span><br><br>
<%
}
}
}
%>
<span style="color:red;font-size:27px">恭喜你!答對了<%=correct %>道題,答錯了<%=error %>道題,沒答<%=nullerror %>道題,共得分<%=(correct*100/operationNumber)%>!!! 用時:<%=request.getParameter("time") %>
</span>
</body>
</html>

************************************************DoubleOperation.jsp***********************************

<%@ page import="java.util.Random" %>
<%@ page import="java.lang.Math" %>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page import="java.math.BigInteger" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>二元運算</title>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/demo.js" ></script>
</head>
<body style="background-image:url(image/xuanze.jpg) ;background-size:cover">
<form action="doDoubleOperation.jsp" method="post">
<div style="text-align:right;">
<span style="color:red;font-size:25px"><a href="choose.jsp">題目定制</a>&nbsp;&nbsp;
<a href="Welcome.jsp">退出</a><br><br></span>

</div>
<%
int character=0;//運算符+,-,*,/
int num1=0;//運算式中第一個數
int num2=0;//運算式中第二個數
int correct=0;//計算正確的數目
int error=0;//計算錯誤的數目
String operat=null;//計算式
Random random = new Random();
int Endtime=1; //跳轉時間
int operationNumber=Integer.parseInt(request.getParameter("OperationNumber"));//打印題目的數量
int minute=30*operationNumber/60;
%>
<span style="color:red;font-size:27px">本次測試共有<%=operationNumber %>道題,滿分100分,期望時間不超過<%=minute %>分鐘,請小朋友們註意時間答題哦!
</span>
<br><br>
<%
String question[]=new String[operationNumber];
double result[]=new double[operationNumber];//計算式的結果
for(int i=0;i<operationNumber;i++)//初始化計算式的結果
{
result[i]=0;
question[i]=null;
}

DoubleOperation doubleoperation=new DoubleOperation();//初始化.java文件中存儲的計算公式個數,問題,答案
doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setQuestion(question);
doubleoperation.setResult(result);

for(int i=0;i<operationNumber;i++)
{

character=random.nextInt(4)%4+1;
if(character==1)//計算加法
{
num1=random.nextInt(100)%100;//隨機出一個0~100的數
num2=random.nextInt(100)%100;
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"+"+number2+"=";
result[i]=num1+num2;
}
else if(character==2)//計算減法
{
num1=random.nextInt(100)%100;//隨機出一個1~100的數
if(num1==0)
num1=num1+2;//若num1=0,則加2
num2=(int)random.nextInt(num1)%(num1);//隨機出一個0~num1的數
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"-"+number2+"=";
result[i]=num1-num2;
}
else if(character==3)//計算乘法
{
num1=random.nextInt(9)%9;//隨機出一個0~9的數
num2=random.nextInt(9)%9;
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"×"+number2+"=";
result[i]=num1*num2;
}
else //計算除法
{
do{
num1=random.nextInt(81)%81;//隨機出一個0~81的數
if(num1>9)
num2=random.nextInt(9)%9;
else
{
if(num1==0)
num1++;
num2=(int)random.nextInt(num1)%(num1);
}
if(num2==0)//當num2=0再重新生成num2
{
num2=num2+1;
}
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"÷"+number2+"=";
result[i]=num1/num2;
}while((result[i]>=10)||(num1%num2!=0));//商為10以內的數

}

if(Double.valueOf(result[i])>100) {//如果結果大於100或小數位數大於1則不輸出
i--;
}
else {
question[i]=operat;
%>
<span style="font-size:22px"><%=operat %><input size="10" type="text" name="child_result<%=i %>" ><br> <br>
</span>
<%

}
}

%>
<input type="submit" style="font-size:20px;background-color:pink" value="提交" name="提交">

<%


doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setQuestion(question);
doubleoperation.setResult(result);

%>


<%-- <meta http-equiv="refresh" content ="<%=Endtime*60 %>;url=doDoubleOperation.jsp"> --%>
<!-- Endtime分鐘後跳轉到結果界面 -->
<input name="time" class="timer" type="text" />
</form>
</body>
</html>

****************************************ThreeOperation.jsp***************************

<%@ page import="java.util.Random" %>
<%@ page import="java.lang.Math" %>
<%@ page import="com.jaovo.msg.model.DoubleOperation" %>
<%@ page import="java.math.BigInteger" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>三元運算</title>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/demo.js" ></script>
</head>
<body style="background-image:url(image/xuanze.jpg) ;background-size:cover">
<form action="doThreeOperation.jsp" method="post">
<div style="text-align:right;">
<span style="color:red;font-size:25px"><a href="choose.jsp">題目定制</a>&nbsp;&nbsp;
<a href="Welcome.jsp">退出</a><br><br></span>
</div>

<%
int character1=0;//第一個運算符+,-,*,/
int character2=0;//第二個運算符
int num1=0;//運算式中第一個數
int num2=0;//運算式中第二個數
int num3=0;//運算式中的第三個數
int correct=0;//計算正確的數目
int error=0;//計算錯誤的數目
String operat=null;//計算式
int operationNumber=Integer.parseInt(request.getParameter("OperationNumber"));//打印題目的數量
int minute=30*operationNumber/60;
%>
<span style="color:red;font-size:27px">本次測試共有<%=operationNumber %>道題,滿分100分,期望時間不超過<%=minute %>分鐘,請小朋友們註意時間答題哦!
</span>
<br><br>
<%
String question[]=new String[operationNumber];
double result[]=new double[operationNumber];//計算式的結果
Random random = new Random();
int Endtime=1; //跳轉時間

for(int i=0;i<operationNumber;i++)//初始化計算式的結果
{
result[i]=0;
question[i]=null;
}

DoubleOperation doubleoperation=new DoubleOperation();//初始化.java文件中存儲的計算公式個數,問題,答案
doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setQuestion(question);
doubleoperation.setResult(result);


for(int i=0;i<operationNumber;i++)
{

character1=random.nextInt(4)%4+1;
if(character1==1)//計算加法
{
num1=random.nextInt(100)%100;//隨機出一個0~100的數
num2=random.nextInt(100)%100;
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"+"+number2;
result[i]=num1+num2;
}
else if(character1==2)//計算減法
{
num1=random.nextInt(100)%100;//隨機出一個1~100的數
if(num1==0)
num1=num1+2;//若num1=0,則加2
num2=(int)random.nextInt(num1)%(num1);//隨機出一個0~num1的數
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"-"+number2;
result[i]=num1-num2;
}
else if(character1==3)//計算乘法
{
num1=random.nextInt(9)%9;//隨機出一個0~9的數
num2=random.nextInt(9)%9;
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"×"+number2;
result[i]=num1*num2;
}
else //計算除法
{
do{
num1=random.nextInt(81)%81;//隨機出一個0~81的數
if(num1>9)
num2=random.nextInt(9)%9;
else
{
if(num1==0)
num1++;
num2=(int)random.nextInt(num1)%(num1);
}
if(num2==0)//當num2=0再重新生成num2
{
num2=num2+1;
}
String number1=String.valueOf(num1);
String number2=String.valueOf(num2);
operat="第("+(i+1)+")題: "+number1+"÷"+number2;
result[i]=num1/num2;
}while((result[i]>=10)||(num1%num2!=0));//商為10以內的數

}




character2=random.nextInt(4)%4+1;
if(character2==1)//計算第二個加號
{
num3=random.nextInt(100)%100;
String number3=String.valueOf(num3);
operat=operat+"+"+num3+"=";
result[i]=result[i]+num3;
}
else if(character2==2)//第二個運算符是減號
{
if(result[i]==0)
result[i]=result[i]+2;
if(result[i]<100){
num3=(int)random.nextInt((int)result[i])%((int)result[i]);//隨機出一個小於被減數的數
}
else
{
num3=random.nextInt(100)%100;
}
String number3=String.valueOf(num3);
operat=operat+"-"+num3+"=";
result[i]=result[i]-num3;
}
else if(character2==3)//乘號
{
if(character1==2)//若第一個運算符是減號,則再隨機出來一個第二個數與第三個隨機的數小於第二個數 num1>=num2*num3 num3<=num1/num2
{
if(num2>9)
{
num2=(int)random.nextInt(9)%(9);
}
if(num1==0)
num3=0;
else
{
if(num2==0) num2=num2+1;
int num4=num1/num2;
num3=(int)random.nextInt(num4)%(num4);
}
if(num3>9)
{
num3=(int)random.nextInt(9)%(9);
}
String number3=String.valueOf(num3);
operat="第("+(i+1)+")題: "+num1+"-"+num2+"×"+num3+"=";
result[i]=num1-(num2*num3);
}
else //第一個符號是加乘除。若是加,則先計算num2與num3,若是乘除,則計算順序不變
{
if(character1==1){//第一個運算符是加號
num3=(int)random.nextInt(100)%(100);
String number3=String.valueOf(num3);
operat=operat+"×"+num3+"=";
result[i]=num1+(num2*num3);
}
else if(character1==3)//第一個符號是乘號,num1*num2<=9
{
String number2,number3;
do{
num2=(int)random.nextInt(9)%(9);
result[i]=num1*num2;
number2=String.valueOf(num2);
}while(result[i]>9);
num3=(int)random.nextInt(9)%(9);
number3=String.valueOf(num3);
operat="第("+(i+1)+")題: "+num1+"×"+num2+"×"+num3+"=";
result[i]=num1*num2*num3;
}
else {//第一個符號是除號
num3=(int)random.nextInt(9)%(9);
String number3=String.valueOf(num3);
operat=operat+"×"+num3+"=";
result[i]=result[i]*num3;
}
}
}
else//第二個運算符是除號
{

if(num2>81){//第二個符號是除號
num2=(int)random.nextInt(81)%(81);
}
if(character1==1)//第一個運算符是加號,先算num2/num3,再算num+(num2/num3)
{
String number3,number2;
if(num2>81){//第二個符號是除號
num2=(int)random.nextInt(81)%(81);
}
do{

if(num2>9)
num3=random.nextInt(9)%9;
else
{
if(num2==0)
num2++;
num3=(int)random.nextInt(num2)%(num2);
}
if(num3==0)
{
num3=num3+1;
}
number3=String.valueOf(num3);
num2=random.nextInt(81)%(81);
}while(((num2/num3)>=10)||(num2%num3!=0));//商為10以內的數
operat="第("+(i+1)+")題: "+num1+"+"+num2+"÷"+num3+"=";
result[i]=num1+(num2/num3);
}
else if(character1==2)//第一個運算式減號,則num1-num2/num3
{
String number3=null;
int k=0;
if(num2>81){//第二個符號是除號
num2=(int)random.nextInt(81)%(81);
}
do{
if(num2>9)
num3=random.nextInt(9)%9;
else
{
if(num2==0)
num2++;
num3=(int)random.nextInt(num2)%(num2);
}

if(num3==0)
{
num3=num3+1;
}
number3=String.valueOf(num3);
num2=(int)random.nextInt(81)%(81);

}while(((num2/num3)>=10)||(num2%num3!=0)||((num2/num3)>num1));//商為10以內的數
operat="第("+(i+1)+")題: "+num1+"-"+num2+"÷"+num3+"=";
result[i]=num1-(num2/num3);
}
else if(character1==4)//第一個運算符是除號,按順序計算
{
String number3;
do{
if(result[i]>9)
num3=random.nextInt(9)%9;
else
{
if(result[i]==0)
num2++;
num3=(int)random.nextInt((int)result[i])%((int)result[i]);
}
if(num3==0)
{
num3=num3+1;
}
number3=String.valueOf(num3);

}while(((result[i]/num3)>=10)||(result[i]%num3!=0));//商為10以內的數
operat=operat+"÷"+number3+"=";
result[i]=result[i]/num3;
}
else //第一個運算符是乘號,按順序計算
{
do{
if(result[i]>9)
num3=random.nextInt(9)%9;
else
{
if(result[i]==0)
result[i]++;
num3=(int)random.nextInt((int)result[i])%((int)result[i]);
}
if(num3==0)
{
num3=num3+1;
}
String number3=String.valueOf(num3);
}while(((result[i]/num3)>=10)||(result[i]%num3!=0));//商為10以內的數
operat=operat+"÷"+num3+"=";
result[i]=result[i]/num3;
}
}
if(Double.valueOf(result[i])>100) {//如果結果大於100或小數位數大於1則不輸出
i--;
}
else {
question[i]=operat;
System.out.println(operat+result[i]);
%>
<span style="font-size:22px"><%=operat %><input size="10" type="text" name="child_result<%=i %>" ><br> <br>
</span><%

}
}

%>
<input type="submit" style="font-size:20px;background-color:pink" value="提交" name="提交">

<%


doubleoperation.setOperationNumber(operationNumber);
doubleoperation.setQuestion(question);
doubleoperation.setResult(result);

%>
<input name="time" class="timer" type="text" />
</form>
</body>
</html>

**********************************Welcome.jsp****************************

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<link rel="stylesheet" href="css/style.css"/>
<title>小學生四則運算</title>
<style type="text/css">
body
{
background-image:url(image/huanying.jpg);background-size:cover;
}
#p1{text - indent:2em;text - align:center;font:italic 35px/40px 幼圓;color:green;}
</style>
</head>
<body>
<p id="p1">歡迎小朋友來到哆啦A夢的數學樂園,快跟哆啦A夢一起去冒險吧!</p>
<form action="choose.jsp">
<button class="submit1" style="margin-top:250px;margin-left:530px">你準備好了嗎?</button>
</form>
</body>
</html>

(3)結果截圖

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

軟件工程結對作業01