標籤：介面 ima 反思 rip als index size 簡單 cti
一、題目：
四則運算（網頁版）
二、程式設計思想
1、利用html語句和css標籤，設計四則運算的首頁，並將所需的參數值輸入。
2、在出題頁面得到參數值，利用javabean，隨機產生相應數量的四則運算題目。
3、在最後一個介面，進行簡單的計算（題目的正誤）。
三、原始碼
<%@ 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><link rel="stylesheet" type="text/css" href="css/style.css" tppabs="css/style.css" /><style>body{ height: 100%; background: #16a085; overflow: hidden; text-align: center;}canvas{z-index:-1;position:absolute;}</style><script src="js/jquery.js"></script><script src="js/verificationNumbers.js" tppabs="js/verificationNumbers.js"></script><script src="js/Particleground.js" tppabs="js/Particleground.js"></script><script>$(document).ready(function() { //粒子背景特效 $(‘body‘).particleground({ dotColor: ‘#5cbdaa‘, lineColor: ‘#5cbdaa‘ });});function validation() { var fs = document.getElementById(‘fenshu‘).value; var ic = document.getElementById(‘ifchu‘).value; alert(fs); if(ic==‘0‘) { alert(‘請選擇是否有除法!‘); return false; }}</script></head><body><form action="Luru2.jsp" method="post" name="form1" id="form1"> <p> </p> <p> </p> <p style="color: #09F; font-size: 36px;">四則運算答題系統</p> <p> </p> <p> 是否含有分數： <input type="radio" name="fenshu" value="0" id="fenshu"/> 有 <input type="radio" name="fenshu" value="1" id="fenshu"/>無 </p> <p> 是否有除法： <input type="radio" name="ifchu" value="0" id="ifchu"/>有 <input type="radio" name="ifchu" value="1" id="ifchu"/>無 </p> <p> </p> <p> <input type="submit" value="下一步" class="submit_btn"/> </p></form></body></html>
四、實驗結果
五、反思總結
1、介面設計有點簡單，會在後期進行調整。
四則運算網頁
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
