微客导航 » 文章资讯 » js实现掷骰子小游戏

js实现掷骰子小游戏

2023-08-10 11:05:04 157

本文实例为大家分享了js掷骰子小游戏的具体代码，供大家参考，具体内容如下

因为这次作业是第一个实验，比较简单，但是要求面向对象来做，而我这个时候又刚好在学JS，JS来做骰子游戏即有前端了，又省了后台处理，代码量会比用JAVA来做少了非常非常多。考虑到这种实验实在不想浪费时间去用JAVA写，于是有了一下JS实现的版本。但是大家都知道JS的面向对象其实是伪面向对象。我感觉并不好用，因为用句柄的方式无法传值，你封装成对象了还得拆出来成为过程（单一方法）来用。

版本1：（没有用面向对象）




掷骰子游戏author:SenDog







yourbrowerisnotsupporthtml5

版本2，面向对象。但是JS真的很不适合面向对象，这只是伪装面向对象。

输入用户名后，会吧用户的姓名和摇出的点数和存入cookie中。cookie只会保存对应用户最高的点数合。如果摇出更高的点数合，旧的就会被替换掉。通过查询按钮可以查询任意姓名的最高点数合记录。






author:senDog掷骰子游戏


请输入用户姓名：
play
查询用户最高成绩查询




/*封装骰子类*/
functionshaizi(){
varnum=parseInt(1+Math.random()*5);
return{
"getNum":function(){
returnnum;
},
"alertNum":function(){
alert("骰子点数："+num);
}
};
}

vars1=newshaizi();
vars2=newshaizi();

varx=document.getElementById("btn");
x.addEventListener("click",s1.alertNum);
x.addEventListener("click",s2.alertNum);

/*封装cookie类*/
functioncookie(){

return{
/*把总点数存入客户端浏览器cookie，并设置每次关闭浏览器cookie消失*/
"addCookie":function(userName,num3){
varstr=userName+"="+escape(num3);
document.cookie=str;
//alert("str:"+str);
},
"getCookie":function(userName){//获取指定名称的cookie的值
varstrCookie=document.cookie;
vararrCookie=strCookie.split(";");
for(vari=0;i

把代码复制到到TXT文档，后缀改为html即可运行。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

js实现掷骰子小游戏

热门推荐

随机推荐