随机猜测并计数-阿里云开发者社区

开发者社区> frontman> 正文

随机猜测并计数

简介: 1.head first html5 第四章里的一个小例子,我稍微添加了些 1 doctype html> 2 3 4 5 guss 6 7 8 b{ color:red; } 9 10 11 12 13 window.
+关注继续查看

1.head first html5 第四章里的一个小例子,我稍微添加了些

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>guss</title>
 6 </head>
 7 <style>
 8     b{ color:red; }
 9 
10 </style>
11 <body>
12     <script>
13     window.onload=init;
14     function init(){
15         var click=document.getElementById("click");
16         click.onclick=gussU;
17     }
18     var guss_count_num=0;//猜测计数
19     var right_count_num=0;//猜对的次数
20     function gussU(){
21         guss_count_num++;
22         var guss=document.getElementById("guss");
23         var text=guss.value;
24         var answer=null;
25 
26         var answer=["red","green","blue"];
27         var index=Math.floor(Math.random()*answer.length);
28 
29         var tip=document.getElementById("tip");
30 
31         var guss_count=document.getElementById("guss_count");
32             guss_count.innerHTML=guss_count_num;
33         
34         var right_count=document.getElementById("right_count");
35         
36         if(text==answer[index]){
37             right_count_num++;
38             right_count.innerHTML=right_count_num;
39             tip.innerHTML="You are right I was thinking of <b>"+answer[index]+"</b>";
40             
41             }else{
42                 tip.innerHTML="Sorry I was thinking of <b>"+answer[index]+"</b>";
43             }                                               
44              var persent=Math.floor((right_count_num/guss_count_num)*100)+"%";
45             var right_person=document.getElementById("right_persont");
46             right_person.innerHTML=persent;
47         }
48     
49     </script>
50     <p>你要猜的次是:blue,green,red</p>
51     <input type="text" placeholder="guss u" id="guss">
52     <input type="button" id="click" value="click me">
53      <p id="tip"></p>
54      <p>你共猜了<em id="guss_count"></em></p>
55      <p>猜对了几<em id="right_count"></em></p>
56      <p>猜测成功率为<em id="right_persont"></em></p>
57 </body>
58 </html>

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10089 0
探寻Objective-C引用计数本质
本文涉及到的CPU架构为arm64,其它架构大同小异。 源码来自苹果开源-runtime。 Objective-C中采用引用计数机制来管理内存,在MRC时代,需要我们手动retain和release,在苹果引入ARC后大部分时间我们不用再关心引用计数问题。
924 0
随机猜测并计数
1.head first html5 第四章里的一个小例子,我稍微添加了些 1 doctype html> 2 3 4 5 guss 6 7 8 b{ color:red; } 9 10 11 12 13 window.
444 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13892 0
Remote Memcg 计数
> 原文链接 [Remote memory control-group charging](https://lwn.net/Articles/787626/) > 译者:弃余 Memory control groups (以下简称 Memcg) 用来跟踪和限制进程的内存使用。通常情况下,我们不希望出现这样的行为,即归属于一个 memcg 的内存使用被计数到另一个 memcg 上。然而,Sh
89 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11893 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
7365 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
22405 0
Confluence 6 重置登录计数
Confluence 记录了每个用户尝试登录系统过程中的失败次数。当用户登录失败尝试的次数超过某一个设定的值,用户登录的时候将会被要求同时输入验证码(CAPTCHA )直到用户再次成功登录。
893 0
+关注
52
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载