js基础测试题学习笔记20170305
2017-03-05 13:52
267 查看
课堂笔记练习:
1. 有一个名为 arr 的数组中,存放着 [1,2,3,4,5,6,7,8,9] , 请将该数组中第一个是 3 的倍数的数字打印到 控制台中
2. 在页面中打印向上的直角三角形,
3. 有两个数组 var array1 =['a','b','c','e']; 和 var array2 = ['d','e','f','f']; 请把 array1 和 array2 两个数组合并,并且去重。
4. 请编写一段程序,用户输入用户名和密码,如果用户名不是” admin” , 提示输入用户名不正确;如果密码不是” 888” ,提示密码不正确。 用户拥有三次机会,若输入正确,程序提示后退出,三次仍未正确,也要提示后退出。
//第一题
1.
<script>
var arr = [1,2,3,4,5,6,7,8,9];
for(var i=0;i<arr.length;i++){
if(arr[i]%3==0){//取模判断
console.log(arr[i]);
break;
}
}
</script>
2.
//分析:10行10列(双重for循环),通过最外层的for i来控制行数 然后再利用 内层for j控制列数
<script>
for (var i =1;i<=10; i++){//外层控制行数
for (varj=1;j<=i;j++){//控制列数
document.write("*"+" ");
}
document.write("<br/>");
}
</script>
3.concat合并,indexOf去重,push添加推入
<script>
var array1 =['a','b','c','e'];
var array2=['d','e','f','f'];
var arr= array1.concat(array2);//利用concat合并两个数组。此时arr=['a','b','c','e','d','e','f','f']
function unique(arr) {
var ret = [];//新建一个空数组ret
for (var i =0;i<arr.length;i++){//遍历arr数组,
var item = arr[i];//把arr数组赋值给item
if (ret.indexOf(item)===-1){//利用indexOf去除数组中的重复项
ret.push(item)
}
}
return ret;//返回函数值
}
console.log(unique(arr));//打印输出
</script>
第四题
方法一:
方法二:
<script type="text/javascript">
// 请编写一段程序,用户输入用户名和密码,如果用户名不是“admin”,提示用户名不正确;如果密码不是“888”,提示密码不正确。用户拥有三次机会,若输入正确,程序提示后退出,三次仍不正确,也要提示后退出。
// 获取元素
var userName = document.getElementById('userName')
var password = document.getElementById('password')
var btn = document.getElementById('btn')
var bgBox = document.getElementById('bgBox')
var i = 0; //用于记录输入次数
btn.onclick = function () { // 注册点击函数
i++ // 每点击一次,i+1
if (userName.value !== 'admin') {
// 如果用户名不正确,提示'用户名不正确!'
alert('用户名不正确!')
}
if (userName.value === 'admin' && password.value !== '888') {
// 当用户名正确时,如果密码不正确,提示'密码不正确!'
alert('密码不正确!')
}
if ((i == 3) && !(userName.value === 'admin' && password.value === '888')) {
//当输入3次都没有输入正确时提示'很遗憾!您的输入次数已经达到上限'
alert('很遗憾!您的输入次数已经达到上限')
bgBox.removeChild(this.parentNode) // 提示后关闭登录界面
}
if (userName.value === 'admin' && password.value === '888') { // 当用户名和密码都输入正确时提示“...”
alert('欢迎进入')
bgBox.removeChild(this.parentNode) // 提示后关闭登录界面
}
} // 点击函数结束
</script>
1. 有一个名为 arr 的数组中,存放着 [1,2,3,4,5,6,7,8,9] , 请将该数组中第一个是 3 的倍数的数字打印到 控制台中
2. 在页面中打印向上的直角三角形,
3. 有两个数组 var array1 =['a','b','c','e']; 和 var array2 = ['d','e','f','f']; 请把 array1 和 array2 两个数组合并,并且去重。
4. 请编写一段程序,用户输入用户名和密码,如果用户名不是” admin” , 提示输入用户名不正确;如果密码不是” 888” ,提示密码不正确。 用户拥有三次机会,若输入正确,程序提示后退出,三次仍未正确,也要提示后退出。
//第一题
1.
<script>
var arr = [1,2,3,4,5,6,7,8,9];
for(var i=0;i<arr.length;i++){
if(arr[i]%3==0){//取模判断
console.log(arr[i]);
break;
}
}
</script>
2.
//分析:10行10列(双重for循环),通过最外层的for i来控制行数 然后再利用 内层for j控制列数
<script>
for (var i =1;i<=10; i++){//外层控制行数
for (varj=1;j<=i;j++){//控制列数
document.write("*"+" ");
}
document.write("<br/>");
}
</script>
3.concat合并,indexOf去重,push添加推入
<script>
var array1 =['a','b','c','e'];
var array2=['d','e','f','f'];
var arr= array1.concat(array2);//利用concat合并两个数组。此时arr=['a','b','c','e','d','e','f','f']
function unique(arr) {
var ret = [];//新建一个空数组ret
for (var i =0;i<arr.length;i++){//遍历arr数组,
var item = arr[i];//把arr数组赋值给item
if (ret.indexOf(item)===-1){//利用indexOf去除数组中的重复项
ret.push(item)
}
}
return ret;//返回函数值
}
console.log(unique(arr));//打印输出
</script>
第四题
方法一:
方法二:
<script type="text/javascript">
// 请编写一段程序,用户输入用户名和密码,如果用户名不是“admin”,提示用户名不正确;如果密码不是“888”,提示密码不正确。用户拥有三次机会,若输入正确,程序提示后退出,三次仍不正确,也要提示后退出。
// 获取元素
var userName = document.getElementById('userName')
var password = document.getElementById('password')
var btn = document.getElementById('btn')
var bgBox = document.getElementById('bgBox')
var i = 0; //用于记录输入次数
btn.onclick = function () { // 注册点击函数
i++ // 每点击一次,i+1
if (userName.value !== 'admin') {
// 如果用户名不正确,提示'用户名不正确!'
alert('用户名不正确!')
}
if (userName.value === 'admin' && password.value !== '888') {
// 当用户名正确时,如果密码不正确,提示'密码不正确!'
alert('密码不正确!')
}
if ((i == 3) && !(userName.value === 'admin' && password.value === '888')) {
//当输入3次都没有输入正确时提示'很遗憾!您的输入次数已经达到上限'
alert('很遗憾!您的输入次数已经达到上限')
bgBox.removeChild(this.parentNode) // 提示后关闭登录界面
}
if (userName.value === 'admin' && password.value === '888') { // 当用户名和密码都输入正确时提示“...”
alert('欢迎进入')
bgBox.removeChild(this.parentNode) // 提示后关闭登录界面
}
} // 点击函数结束
</script>
相关文章推荐
- JavaScript高级程序设计(第3版)学习笔记2 js基础语法
- JS 学习笔记--JS中的事件对象基础
- JS学习笔记1_基础与常识
- 【前端学习笔记】JS学习基础
- 精通JavaScript开发课时20(JS事件基础)学习笔记
- 快速学习 js 笔记一 dom 基础学习
- handlebars.js基础学习笔记
- js面向对象学习笔记之七(函数 与 基础控制结构)
- WEB_JS学习笔记_基础
- node.js 基础学习笔记2
- 黑马程序员--JS基础学习笔记
- js基础学习笔记(四)
- C++ 基础学习笔记(2)---函数(测试题)
- js基础学习笔记(一)
- 智能社JavaScript学习笔记——JS运动基础
- D3.js学习笔记(六)——SVG基础图形和D3.js
- js基础学习笔记(三)
- js基础学习笔记(五)
- 【前端学习笔记】JS基础
- JS基础学习笔记(一)