FCC 基础JavaScript 练习7

Math.random()用来生成一个在0(包括0)到1(不包括1)之间的随机小数，因此Math.random()可能返回0但绝不会返回1。

提示
随后的函数都会在return执行前调用，所以我们可以直接返回Math.random()的值

function myFunction() {

// 请把你的代码写在这条注释以下
var a=Math.random();
if(a>0){
return Math.random();
}

// 请把你的代码写在这条注释以上
}

2.用 Math.floor() 向下取整获得它最近的整数,

任务

生成一个 0 到 9之间的随机整数

function myFunction() {

// 请把你的代码写在这条注释以下
var a=Math.floor(Math.random() * 10);//////Math.random() 生成永远小于1的小数，乘10永远不会大于等于10
if (a>=0&&a<10){
return a;
}

}

3.要生成的随机数是在两个指定的数之间,需要定义一个最小值和一个最大值

任务

创建一个叫randomRange的函数，参数为myMin和myMax，

返回一个在myMin(包括myMin)和myMax(包括myMax)之间的随机数

// 请把你的代码写在这条注释以下

function randomRange(myMin, myMax) {

return Math.floor(Math.random()*(myMax-myMin+1))+myMin; // 请修改这一行////记住公式，可以套用在任意值之间

}

// 你可以修改这一行来测试你的代码
var myRandom = randomRange(5, 15);

4.Regular expressions 正则表达式被用来根据某种匹配模式来寻找strings字符串中的某些单词,

我们可以使用下面的正则表达式: /the/gi

我们可以把这个正则表达式分成几段：

/ 是这个正则表达式的头部

the 是我们想要匹配的模式

/ 是这个正则表达式的尾部

g 代表着 global(全局)，意味着返回所有的匹配而不仅仅是第一个。

i 代表着忽略大小写，意思是当我们寻找匹配的字符串的时候忽略掉字母的大小写

任务

用全局、忽略大小写的模式选取字符串 testString中所有的单词 and

// 初始化变量
var testString = "Ada Lovelace and Charles Babbage designed the first computer and the software that would have run on it.";

// 举例
var expressionToGetSoftware = /software/gi;
var softwareCount = testString.match(expressionToGetSoftware).length;

// 请只修改这条注释以下的代码

var expression = /and/gi; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 andCount 存储 testString 中匹配到 expression 的次数
var andCount = testString.match(expression).length;

在JavaScript中, 数字选择器类似于: /\d/g。

在选择器后面添加一个加号标记(+)，例如：/\d+/g，它允许这个正则表达式匹配一个或更多数字。

尾部的g是'global'的简写，意思是允许这个正则表达式找到所有的匹配而不是仅仅找到第一个匹配

任务

用 \d 选择器来选取字符串中的所有数字

// 初始化变量
var testString = "There are 3 cats but 4 dogs.";

// 请只修改这条注释以下的代码

var expression = /\d+/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 digitCount 存储 testString 中匹配到 expression 的次数
var digitCount = testString.match(expression).length;

可以使用正则表达式选择器 \s 来选择一个字符串中的空白。

空白字符有 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和 \f (换页符)。

空白正则表达式类似于：

/\s+/g

任务

用 \s 选取句子中的所有空白字符

// 初始化变量
var testString = "How many spaces are there in this sentence?";

// 请只修改这条注释以下的代码

var expression = /\s+/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 spaceCount 存储 testString 中匹配到 expression 的次数
var spaceCount = testString.match(expression).length;

可以用正则表达式选择器的大写版本来转化任何匹配。

举个例子：\s 匹配任何空白字符，\S 匹配任何非空白字符

任务

用 /\S/g 来匹配字符串testString中的所有非空白字符

// 初始化变量

// 初始化变量
var testString = "How many non-space characters are there in this sentence?";

// 请只修改这条注释以下的代码

var expression = /\S/g; // 请修改这一行

// 请只修改这条注释以上的代码

// 用 nonSpaceCount 存储 testString 中匹配到 expression 的次数
var nonSpaceCount = testString.match(expression).length;

把我们之前的所学的知识点结合起来完成一个幸运游戏。

这次我们生成3个随机数，范围在1到3之间。

分别用 slotOne、slotTwo、slotThree来存储着3个随机数。

用我们之前的所学来生成随机数)：

Math.floor(Math.random() * (3 - 1 + 1)) + 1;

///////

var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];

// 请把你的代码写在这条注释以下
slotOne=Math.floor(Math.random()*(3-1+1))+1;
slotTwo=Math.floor(Math.random()*(3-1+1))+1;
slotThree=Math.floor(Math.random()*(3-1+1))+1;
// 请把你的代码写在这条注释以上

9.如果三个随机数都相等, 我们应该返回这个数字, 否则应该返回 null.'

var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];

slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

// 请把你的代码写在这条注释以下
if(slotOne===slotTwo&&slotTwo===slotThree){
return slotOne;
}
else return null;

// 请把你的代码写在这条注释以上

10.

用 jQuery 选择器 $(".slot") 获得所有幸运机。

一旦获取到所有幸运机，我们可以通过中括号操作符获取到每一个幸运机：

$($(".slot")[0]).html(slotOne);

jQuery将会获取到第一个幸运机，并更新它的HTML为正确的数字

任务：分别更新每个幸运机上的HTML为对应的数字

var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];

slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

// 请把你的代码写在这条注释以下
$($(".slot")[0]).html(slotOne);
$($(".slot")[1]).html(slotTwo);
$($(".slot")[2]).html(slotThree);
// 请把你的代码写在这条注释以上

11.

给我们的幸运机加点图片。

我们已经为你准备好了图片images，我们可以通过不同的索引来获取每个图片。

现在让我们设置第一个幸运机根据随机数来显示一张图片：

$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');

任务：设置所有的幸运机根据随机数来显示对应的图片，最后点击RUN

var images = ["//i.imgur.com/9H17QFk.png", "//i.imgur.com/9RmpXTy.png", "//i.imgur.com/VJnmtt5.png"];

slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

// 请把你的代码写在这条注释以下
$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');
$($('.slot')[1]).html('<img src = "' + images[slotTwo-1] + '">');
$($('.slot')[2]).html('<img src = "' + images[slotThree-1] + '">');

// 请把你的代码写在这条注释以上

巴特西

FCC 基础JavaScript 练习7

任务

任务

任务

任务

任务

任务

最新文章

热门文章