JS基础闯关大作战

第一关:

<script type ="text/javascript">

//声明一个函数,求两个数的和,测试你声明的函数

function sum(,b){

return a+;

}

document.write (sum(2,));

</script>

第二关:

<script type ="text/javascript">

//声明一个函数,求任意个数的和,测试你声明的函数

document.write (sum(2,,7)+"<br
/>" );

document.write (sum(2,,7,4,,1)+"<br
/>" );

document.write (sum("Hello" ,"
","Tom" )+"<br
/>");

function sum () {

var result = 0;

//函数实际调用执行时传入的参数,可以从 arguments伪数组中获取

for(var i = 0 ; i < arguments.length ; i++) {

result += arguments [i];

}

return result;

}

</script>

第三关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return [23,true ,"恭喜通过第 03关!" ];

}

//如何得到"恭喜通过第 03关!" ?

document.write (fun01()[2]);

</script>

第四关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return {

stuName : "Tom",

stuAge : 12,

stuWords : "恭喜通过第 04关!"

};

}

//如何得到"恭喜通过第 04关!" ?

document.write (fun01().stuWords);

</script>

第五关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return function (){

return " 恭喜通过第 05关!" ;

};

}

//如何得到"恭喜通过第 05关!" ?

document.write (fun01()());

</script>

第六关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return {

sayHello : function (){

return " 恭喜通过第 06关!" ;

}

};

}

//如何得到"恭喜通过第 06关!" ?

document.write (fun01().sayHello());

</script>

第七关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return "abc" ;

}

fun01.subFun = function(){

return " 恭喜通过第 07关!" ;

}

//如何得到"恭喜通过第 07关!" ?

document.write (fun01.subFun ());

</script>

第八关:

<script type ="text/javascript">

//已有函数如下

function fun01(){

return "abc" ;

}

fun01.subObj = {

subFun : function (){

return " 恭喜通过第 08关!" ;

}

};

//如何得到"恭喜通过第 08关!" ?

document.write (fun01.subObj.subFun ());

</script>

第九关:

<script type ="text/javascript">

//已有函数如下

(function (){

w.jQuery = function(){

return " 恭喜通过第 09关!" ;

};

})(window);

//如何得到"恭喜通过第 09关!" ?

document.write (window.jQuery ());

</script>

第十关:

<script type ="text/javascript">

//已有函数如下

(function (){

w.$ = function(){

return {

text : function(){

return " 恭喜通过第 10关!" ;

}

};

}

})(window);

//如何得到"恭喜通过第 10关!" ?

document.write ($().text());

</script>

第十一关;

<script type ="text/javascript">

//已有函数如下

(function (){

w.$ = function(){

return function(){

return " 恭喜通过第 11关!" ;

};

}

})(window);

//如何得到"恭喜通过第 11关!" ?

document.write (window.$()());

</script>

第十二关:【boss来了···】

<script type ="text/javascript">

//已有函数如下

(function (){

w.$ = function(f){

return f();

}

})(window);

function sayHello(){

return " 恭喜通过第 12关!" ;

}

//如何得到"恭喜通过第 12关!" ?不允许直接调用 sayHello

document.write (window.$(sayHello));

</script>

第十三关:

<script type ="text/javascript">

//已有函数如下

(function (){

w.$ = function(id){

return core(document.getElementById (id));

}

function core(dom ){

var obj = {

element : dom,

text : function () {

return this.element.firstChild.nodeValue;

}

};

obj.text ();

return obj;

}

})(window);

window.onload = function(){

//如何得到"恭喜通过第 13关!" ?

alert ($("btn" ).text ());

}

</script>

</head>

<body>

    <button id="btn"恭喜通过第13 !</button>

</body>

</html>

第十四关:【大boss】

<script type ="text/javascript">

//已有函数如下

(function (w){

w.$ = function(argument){

if(argument instanceof Function){

window.onload = argument ;

}else if(argument instanceof String || typeof argument == "string"){

var ele = document.getElementById(argument );

return $(ele );

}else if(argument instanceof Element){

return {

ele : argument ,

text : function(){

return this.ele.firstChild.nodeValue;

}

};

}

}

})(window);

//如何在页面加载完成时得到“恭喜通过第 14关! ”?

$(function (){

alert ($("btn" ).text ());

});

/*
window.onload = function(){

alert("ttt");

}; */

</script>

</head>

<body>

    <button id="btn"恭喜通过第14 !</button>

</body>

第十四关:【终极boss】

<script type ="text/javascript">

//已有函数如下

(function (w){

w.$ = function(argument){

if(argument instanceof Function){

window.onload = argument ;

}else if(argument instanceof String || typeof argument == "string"){

var ele = document.getElementById(argument );

return $(ele );

}else if(argument instanceof Element){

return {

ele : argument ,

text : function(){

return this.ele.firstChild.nodeValue;

},

click : function(callBack){

this.ele.onclick = callBack ;

}

};

}

}

})(window);

//如何在点击按钮后弹出“恭喜通过第 15关! ”?

$(function (){

("btn" ).click (function(){

alert ($(this ).text ());

//this.firstChild.nodeValue;

});

/*
ele.onclick = function(){

}; */

});

</script>

------恭喜你顺利通关!----

时间: 2024-08-24 16:53:07

JS基础闯关大作战的相关文章

[知了堂学习笔记]_用JS制作《飞机大作战》游戏_第2讲(四大界面之间的跳转与玩家飞机的移动)

一.通过点击按钮事件,实现四大界面之间的跳转: (一)跳转的思路: 1.打开软件,只显示登录界面(隐藏游戏界面.暂停界面.玩家死亡界面) 2.点击微信登录(QQ登录)跳转到游戏界面,隐藏登录界面 3.点击暂停,弹出具有透明度的暂停界面 4.点击暂停界面的开始按钮,隐藏暂停界面,调用开始方法(点击登录跳转的方法): 5.点击暂停界面的退出游戏,只显示登录界面,隐藏其他界面: 6.游戏结束界面,该界面的跳转目前还不能通过游戏实现,可以先建设(根据上一讲的游戏界面图片制作). 7.点击游戏结束界面的开

[知了堂学习笔记]_用JS制作《飞机大作战》游戏_第1讲(素材查找和界面框架搭建)

一.查找素材: 二.分析游戏界面框架: 登录界面.游戏界面.暂停游戏界面.玩家死亡后弹出界面:并对应的界面包含什么元素: 三.分别搭建以上四个界面: 1.登录界面与游戏界面框架(隐藏游戏界面,四个界面的宽度和高度要一致): HTML代码: <!--main div是游戏界面的大DIV --> <div id="main" style="height: 643px;"> <!--玩家头像DIV--> <div id="

光棍节程序员闯关秀(总共10关)

程序员闯关大挑战: https://1111.segmentfault.com/ 仓鼠演示7k7k.4399小游戏: http://cdn.abowman.com/widgets/hamster/hamster.swf 第一关 提示: 从所有信息中找到进入下一关的方法 这一关很简单,即使没有任何web知识也能轻松通过.只要你懂得晃鼠标~~ 查看源代码会发现有这么一行: <p><astyle="color: #172024"href="?k=7a2546077

关于“诗词大闯关”的调查表与调查结果分析

前言: 我们小组做的项目是“诗词大闯关”,初步计划为游戏主要内容为:根据界面场景内容猜诗词名,诗词内容. 为了更深入的了解市场人民的需求,我们小组决定制作调查问卷来统计分析玩家对我们项目的关注点以及获取更多人的需求,在短短几天的时间内得到了122份有效的调查问卷. 1.首先我们统计被调查者的年龄段 根据我们的调查结果显示:96.7%的19~38岁的人群接受了我们的调查,故大部分人应该是学生族或者上班族. 2.为了更好的去处理我们的社区模块,我们小组调查了人们经常使用的社交工具 调查显示,使用QQ

node.js教程learnyounode 闯关答案

#node.js教程learnyounode 闯关答案 #ex1 console.log("HELLO WORLD"); #ex2 var sum =0; for(var i =2;i<process.argv.length;i+=){ sum+=parseFloat(process.argv[i]); } console.log(sum); #ex3 var fs = require('fs'); var pathname = process.argv[2]; //consol

网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 作者前端是初学者, 请大拿们轻拍. 效果展示: 先打下广告: 网页闯关游戏入口(请狠狠地点击我, ^_^) . 仿微信窗口的设计源于第四关--倾听女神的故事. 这种聊天对话的布局模式, 比PC端QQ的那种聊天方式更贴近移动端, 我个人感觉. 需求设定:

网页闯关小游戏闯关记录(一)ISA TEST

在知乎上找到一个关于CTF入门的回答,答主很专业的给出了建议和一些对应的训练平台,这里我试了试几个,自己半吊子水平,只能玩一些简单的,这里把自己做的过程记录下来,这几个基本都能查到通关秘籍(我是怎么知道的?没错我太渣没法通关去查秘籍了),我写下来只当是自己的备忘,大牛请无视.... ISA TEST看起来貌似是深圳职业技术学院计算机学院信息安全协会做的一个闯关小游戏,一共7关,难度较低,我这种渣渣都能做,不过最后一关还是查了writeup. 第一关: 和类似闯关游戏的套路相同,第一关都很简单,密

射击闯关游戏,旧王已死、新王当立?

射击类游戏的最佳形态是电子竞技?比如<穿越火线> 街机.单机时代的<魂斗罗>.<合金装备>等闯关型射击游戏体验,不再适合移动手游时代? 射击类游戏需要更真实.更热血,最好如昆丁塔伦蒂洛的电影一样,拳拳到肉.血浆横飞?比如<使命召唤>? 曾经占据游戏机.单机和联机游戏极大份额的射击游戏们,在移动时代只能扮演有益补充? 射击类游戏混的似乎不太好?不是没有缘故的,根本原因就是长期自由搏击,而忘记了,其实关卡才是最能吸引用户的所在? 关卡.关卡.关卡!你还在自由搏击

Expo大作战--expo的生命周期,expo社区交流方式,expo学习必备资源,开发使用expo时关注的一些问题

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo依赖,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981 [之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发] 相关文章: Expo大作战--什么是expo,如何安装expo clinet和xde,xde如何