<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Last Work</title>

<style type="text/css">

#gif {

	width: 150px;

	height: 150px;

	background-color: #CCC;

	background-size: 100% 100%;

}

.setques {

	background-image: url(gif/lookfarward.gif);

}

.right {

	background-image: url(gif/happy.gif);

}

.wrong {

	background-image: url(gif/babyAngry.gif);

}

table, td {

	border: solid 1px grey;

}

</style>

</head>

<body>

<div id="gif" class="setques"></div>

<table width="300" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td>运算次数:</td>

    <td id="count">0</td>

  </tr>

  <tr>

    <td>正确次数:</td>

    <td id="rightcnt">0</td>

  </tr>

  <tr>

    <td>错误次数:</td>

    <td id="wrongcnt">0</td>

  </tr>

</table>

<br/>

<input name="FirstNum" type="text" id="FirstNum" readonly>

+

<input name="SecondNum" type="text" id="SecondNum" readonly>

=

<input type="text" name="SumNum" id="SumNum">

<br/>

<br/>

<button id="SetQues">随机出题</button>

 

<button id="Veri">验证</button>

<script src="jquery-3.4.0.min.js"></script>

<script type="text/javascript">

$(function	(){

	var count=0;

	var rightcnt=0;

	var wrongcnt=0;

	var c;

	$("#SetQues").click(function(){

	   var a=Math.floor((Math.random()*100)+1);

	   var b=Math.floor((Math.random()*100)+1);

		$("#FirstNum").val(a);

		$("#SecondNum").val(b);

		c=a+b;

		count=count+1;

		$("#count").text(count)

	});

	$("#Veri").click(function(){

		var sum=$("#SumNum").val();

		s=parseInt(sum);

		if(s==c)

		{

			$("#gif").removeClass();

			$("#gif").addClass("right");

		   rightcnt=rightcnt+1;

		   $("#rightcnt").text(wrongcnt);

		}

		else{

			$("#gif").removeClass();

			$("#gif").addClass("wrong");

		    wrongcnt=wrongcnt+1;

		    $("#wrongcnt").text(wrongcnt);

		}

		});

	});

</script>

</body>

</html>

Last Work-随机出题加法游戏的更多相关文章

  1. 《随机出题软件》&《随机分队软件》源码（Windows API）

    1 引言 1.1 编写目的: 为了对院级活动<最强大脑>提供软件支持,同时为了练习使用windows API. 1.2 项目背景: 来自计算机学院学生会信息部指派的任务,规定时间完成软件的 ...

  2. 微信小程序答题系统实现随机出题 答题小程序如何实现随机出题 微信小程序 答题系统

    最近头脑王者非常火爆,公司也在开发类似头脑王者的答题系统,这个重任交到我这边来了,我们在开发的这个微信小程序答题系统,需要实现随机出题.尤其是一些比如闯关的环节,需要随机从题库里抽取若干道题目,给到用 ...

  3. 一个有意思的Python小程序（全国省会名称随机出题）

    本文为作者原创,转载请注明出处(http://www.cnblogs.com/mar-q/)by 负赑屃 最近比较迷Python,仿照<Python编程快速上手>8.5写了一个随机出卷的小 ...

  4. java 随机出题四则运算

    作业要求来源于:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE2/homework/2186 我的github地址:https://github.com/k ...

  5. Java实现随机出题，10道10以内加减法计算

    package com.swift; import java.awt.Toolkit; import java.util.Scanner; public class PlusQuiz { public ...

  6. JAVA课堂随机出题

    一.设计思路 1.利用随机数来确定两个数字. 2.生成0-4的随机数,分别代表 加 减 乘 除. 3.输入的题数利用for循环来出题,每行输出几道题便在循环中加入if语句,当前出题数与每行输出题数求余 ...

  7. 用java写随机出题

    import java.io.*; //输入函数包 public class hello{ public static void main(String args[]){ String s=" ...

  8. python3 随机生成10以内的加法算术题

    今晚晚饭过后,看到小孩在做加法题,全是10以内的,因为她现在只会10以内的加法题.而这些题是老婆手动出的题目. 看到这个情景,突然想到,可以用python来实现随机出题,而且可以指定出多少题,出多少以 ...

  9. 基于android平台的出题软件---- 每日30题

    本app共编写了3个activity,1.Mainactivity作为主界面.2.surface,用来显示随机出的题.3.showresult,用来打印所有做过的题(含结果),一个类function用 ...

随机推荐

  1. jupyter notebook添加虚拟环境

    原本以为,当进入虚拟环境之后,再运行jupyter notebook应该是这个环境下的jupyter,比如我默认创建一个文件,这个文件调用的编译器应该是这个虚拟环境中的编译器,实际上并不是 当你进入j ...

  2. 【EMV L2】GPO响应以及AIP、AFL

    [GPO命令] 终端通过GPO(Get Processing Options)命令 通知卡片交易开始.命令数据为PDOL指定的终端数据. [GPO响应] 卡片在GPO命令的响应中返回AIP和AFL:A ...

  3. 20175120彭宇辰 《Java程序设计》第七周学习总结

    #教材内容总结 第八章 常用实用类 一.String类 String类用来处理字符序列,在java.lang包中,程序可以直接使用String类.需要注意的是Java把String类声明为final类 ...

  4. postman连续添加多个订单&jmeter快速审核添加订单

    预期效果:添加多个订单,并审核(半自动?) 1.postman添加多个订单 post请求(postman基础的操作比较简单,网上有很详细的解说),单个接口保存[save] 单个接口保存[save],点 ...

  5. 准备学习wrf

    namelist.wps 中的 geog_data_path=后面的文件夹的文件即土地覆被资料:(看下图) 推荐中科院地理所承担的地球系统科学数据共享平台上共享的100m分辨率资料,官网  http: ...

  6. 安装Mosquitto学习MOTT协议

    1.源码的获取:http://mosquitto.org/files/source/ 2.直接解压tar文件,就可以得到所有的源码,里面有个配置文件config.mk,这个文件包含了Mosquitto ...

  7. Linux安装中文字体_宋体

    E&T: CentOS_7.4 64位; mswfonts.tar.xz; Xftp5; Xshell5; 最近在完成合同电子签署时,合同的中文参数在服务器出现中文乱码问题, 编码一致且正确, ...

  8. 改变一下主要发博的方向吧...转scratch!

    因为expression2实在是没什么好说的,BUI,水滴鱼大佬还有其他贴吧上的大佬,实在是多得不行,我一个小人物也说不了什么,然而scratch我却可以多发发脚本,思路,美工啊等等.所以以后我就主要 ...

  9. WPF-MVVM-ICommand接口实现

    一 接口分析MVVM框架的目的就是让视图和业务逻辑分离,各干各的.那么怎样实现分离呢,精髓就是绑定ICommand.先看一下ICommand接口的定义: // // 摘要: // 定义一个命令. [T ...

  10. Linux----------samba服务的安装使用及简介

      一.Samba简介 Samba是在linux和Unix系统上实现SMB协议的一个免费软件,由服务器端和客户端程序组成. Samba与nfs的不同,Samba比nfs多支持Windows SMB ( ...