javascript基础-猜拳游戏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>分歧终端机-和谐社会</title>
	<script language="javascript" type="text/javascript">
		var time;
		var pid,tid;
		var qvan=["images/石头.jpg","images/剪刀.jpg","images/布.jpg"];
		var sum=0;
		var policesum=0;
		var terroristsum=0;
		var peacesum=0;
		function mystart(){
			document.getElementById("resultimg").innerHTML="";
			pid=Math.floor(Math.random()*3);
			tid=Math.floor(Math.random()*3);
			policeimg.src=qvan[pid];
			terroristimg.src=qvan[tid];
			document.getElementById("startbtn").disabled=true;
			document.getElementById("stopbtn").disabled=false;
			time=setTimeout(mystart,100);
		}
		function mystop(){
			document.getElementById("startbtn").disabled=false;
			document.getElementById("stopbtn").disabled=true;
			clearTimeout(time);
			sum+=1;
			document.getElementById("count").innerText=sum;
			if(pid==0&&tid==1||pid==1&&tid==2||pid==2&&tid==0){
				policesum+=1;
				document.getElementById("policewinimg").height+=10;
				document.getElementById("policewin").innerText=policesum;
				document.getElementById("resultimg").innerHTML="<img src=‘images/警察.gif‘ width=‘100‘ height=‘100‘>警察获得胜利";
			}else if(pid==tid){
				peacesum+=1;
				document.getElementById("peace").innerText=peacesum;
				document.getElementById("resultimg").innerHTML="<img src=‘images/和平.jpg‘ width=‘100‘ height=‘100‘>警察与恐怖分子和平共处";
			}else{
				terroristsum+=1;
				document.getElementById("terroristwinimg").height+= 10;
				document.getElementById("terroristwin").innerText=terroristsum;
				document.getElementById("resultimg").innerHTML="<img src=‘images/恐怖分子.gif‘ width=‘100‘ height=‘100‘>恐怖分子获得了胜利";
			}
		}
    </script>
</head>

<body>
<center>
<h1>让世界和平起来</h1>
  <p>
     <b>
         <font style="color:#000; font-size:4;">第</font>
         <font style="color:red;font-size:4;" id="count">0</font>
         <font style="color:#000; font-size:4;">局、</font>
         <font style="color:#000; font-size:4;">和平:</font>
         <font style="color:blue;font-size:4;" id="peace">0</font>
         <font style="color:#000; font-size:4;">次</font>
      </b>
   </p><hr/>
   <p>
         <img src="images/成绩.jpg" id="policewinimg" height="1" width="20">
        <font style="color:red;font-size:4">警察</font>
       
             <font style="color:blue;font-size:4">win:</font>
             <font style="color:blue;font-size:4" id="policewin">0</font>
             <font style="color:blue;font-size:4">次</font>
         </b>
         <img src="images/警察.gif" id="policeimg" width="260" height="260">
         <img src="images/pk.jpg" style="width:100px;height:90px">
         <img src="images/恐怖分子.gif" id="terroristimg" width="260" height="260">
         <img src="images/成绩.jpg" id="terroristwinimg" height="1" width="20">
         <font style="color:#FF0000;font-size:5">恐怖分子</font>
         <font style="color:blue;font-size:4">win:</font>
         <font style="color:blue;font-size:4" id="terroristwin">0</font>
         <font style="color:blue;font-size:4">次</font>
   </p>
   <p>
         <input type="button" value="开始" id="startbtn" onclick="mystart()" />
         <input type="button" value="结束" id="stopbtn" onclick="mystop()" disabled="disabled" />
   </p>
   <h2 id="resultimg"></h2>
</center>
</body>
</html>

时间: 2024-10-10 06:03:21

javascript基础-猜拳游戏的相关文章

JavaScript之猜拳游戏

// 猜拳游戏 // 清屏函数 let clear = () => process.stdout.write(process.platform === 'win32' ? '\x1Bc' : '\x1B[2J\x1B[3J\x1B[H'); let readline = require("readline-sync"); let player = { name : "玩家", // 默认玩家名 victory : 0 // 玩家胜利局数 }; let com

javascript基础-翻牌游戏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Java 入门课程视频实战-0基础 上线了,猜拳游戏,ATM实战,欢迎围观

Java 入门课程视频实战-0基础 已经上传完了.欢迎小伙伴们过来围观 直接进入: http://edu.csdn.net/course/detail/196 课程文件夹例如以下: 1 初识Java  19:08 2 熟悉Eclipse开发工具  12:42 3 Java语言基础  17:39 4 流程控制  14:53 5 数组  14:44 6 字符串  34:32 7 类和对象  29:30 8 猜拳游戏  33:39 9 模拟银行柜员机程序  36:35 10 退休金结算程序  本课程由

蜗牛—Android基础之简易猜拳游戏

MainActivity.java package org.example.guess; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageButton; import android.widget.ImageView; import android

猜拳游戏 java基础

//用循环方式实现和计算机玩猜拳的程序 (设定胜出条件--输3次或赢3次即退出) package eduask01; import java.util.*; public class Rask03 { public static void main(String[]args){ Scanner sc=new Scanner(System.in); int m=0,n=0;//累计输或赢的次数 for(;;){//死循环进行游戏 System.out.println("猜拳游戏:1.表示石头 2.

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

用javascript制作2048游戏的思路(原创若 转载请附上本链接)

一.项目已上传至github,地址:https://github.com/forjuan/2048game 二.学习了javascript基础后,想要捣鼓点东西做,做了一个自己以前很爱玩的2048游戏.经过初期的思路设计手工画了设计思路图.手工图有空在用图画出来. 实现2048的功能:1.核心:上下左右移动. 2.游戏开始,游戏结束. 3.外观实现. 4.积分(暂时没实现) 把问题分解:1.首要难点移动,将移动进行分解,分为上下左右移动: 2.用什么记录位置,怎样记录每个方块的值,边界,相同值相

JavaScript--面向对象--猜拳游戏

//html代码 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>猜拳游戏</title> <link rel="stylesheet" href="css/game.css"></link> </head> <body> <div id="