JS试题

Posted 2020-12-08 何所为

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS试题相关的知识，希望对你有一定的参考价值。

您要为 Contoso Suites 编写一个将要输出 html 的 javascript 程序

<p id="para"></p>
<script type="text/javascript">
    let line = document.getElementById(\'para\');
    let Room = [\'单人间\',\'双人间\',\'三人间\',\'套房\'];
    for(let i = 0;i<Room.length;i++){
        line.innerHTML += i + Room[i]
    }
</script>

0单人间1双人间2三人间3套房

您要创建一个包含脚本的网页。该脚本将窗口的位置插入页面的 input 元素

<input type="input" name="" id="url" value="" />
<script type="text/javascript">
    document.getElementById(\'url\').value=window.location.href;
</script>

您要设计一个带有以下脚本的网页，该脚本必须能动态更改段落元素的内容，以便显示函数“随机定价（）”返回的值

<p id="test" onclick="uptext()">单击更改内容</p>
<input type="button" name="" id="" value="更改内容" onclick="uptext()"/>
<script type="text/javascript">
    function uptext(){
        document.getElementById(\'test\').innerHTML = Math.floor(Math.random()*10);
    }
</script>

您要设计一个包含蓝色按钮的网页。按下该按钮时，它应该调用一个函数。该函数可显示“欢迎！”消息。当光标悬停在该按钮上方时，该按钮应变红。当光标离开该按钮时，该按钮恢复期最初的蓝色

<input type="button" name="" id="noun" value="按钮" onclick="show_text()"
 onmouseover = show_red() onmouseout = show_blue()
style="background-color:blue;color:while;"/>
<script>
    function show_red(){
        let noun = document.getElementById(\'noun\')
        noun.style.backgroundColor = \'red\';
    }
    function show_blue(){
        let noun = document.getElementById(\'noun\')
        noun.style.backgroundColor = \'blue\';
    }
    function show_text(){
        alert(\'欢迎！\')
    }
</script>

您要设计一个包含动物列表的网页。该网页中包含一个从列表中输出动物的脚本。您创建以下 HTML 以测试该脚本。

<p>动物</p>
<ul>
    <li>够</li>
    <li>猫</li>
    <li>狮子</li>
</ul>
<p>单击按钮显示动物</p>
<button onclick="show_list()" type="button">显示列表</button>
<div id="list"></div>
<script type="text/javascript">
    function show_list(){
        let list = document.getElementsByTagName(\'ul\')
        for(let i=0;i<list.length;i++){
            document.getElementById(\'list\').innerHTML+=list[i].innerHTML+"<br>"
        }
    }
</script>

您需要编写一个简单的脚本，用来执行以下操作：  声明和初始化一个数组  在该数组中填充 10 个随机整数  从第一个元素开始添加数字，隔一个加一个

<script type="text/javascript">
    let arr = []
    for(let i = 0;i<10;i++){
        arr.push(Math.round(Math.abs(Math.random()*10)))
    }
let sum = 0
for(let j=0;j<10;j+=2){
    sum += arr[j]
}
console.log(sum)
</script>

您要创建能够操作日期的 javaScript 代码。您想要使用年、月、日参数通过日期 2020年 2 月 3 日来初始化一个 Date 对象
```
<script type="text/javascript">
    let date = new Date(2020,2,3)
    console.log(date)
</script>
```
Tue Mar 03 2020 00:00:00 GMT+0800 (中国标准时间)

您的讲师要求您实现可以在<div>标记内显示任意大小的二维数组的代码。您编写以下代码：

<div id="div"></div>
<script type="text/javascript">
    let div = document.getElementById(\'div\')
    let divlist = [[\'-\',\'x\',\'-\',\'x\'],[\'-\',\'o\',\'x\',\'o\'],[\'x\',\'o\',\'-\',\'x\']]
    for (let i = 0; i < divlist.length; i++) {
        for (let j = 0; j < divlist[i].length; j++) {
            div.innerHTML = div.innerHTML + divlist[i][j]+\' \'+ \'<br>\'
        }
    }
</script>

您需要编写一个循环，该循环将遍历整个数组长度以查找值“桔子”。如果某个数组元素值为 Null,则该代码应立即转至下一个元素，找到该值后，循环应退出

<script type="text/javascript">
function srech(){
    let list = [\'苹果\',\'梨子\',null,\'橘子\',\'香蕉\']
    for (let i = 0; i < list.length; i++) {
        if(list[i]==null)
            continue    
        if(list[i]==\'香蕉\'){
            alert(\'找到\')    
            break
        }
                console.log(list[i])
    }
}
srech()
</script>

您要创建一个网页，用来测试用户准确键入文本的能力，验证应该不区分大小写

<p id="user_Text">用户文本测试</p>
<input type="input"  name="" id="test" value="" />
<button type="button" onclick="noun()">测试</button>
<script type="text/javascript">
    function noun(){
        let input_value = document.getElementById(\'test\').value
        let text =     document.getElementById(\'user_Text\').innerHTML
        if(input_value.toLowerCase() == text.toLowerCase()){
            alert(\'成功\')
        }
    }
</script>

您要创建一个网页，客户可以用该网页选择它们调料的辣度。如果它们选择特辣，则应显示一条警告

<form action="#" method="post" name=\'manifest\'>
    <select name="rank" required>
        <option value ="微辣">微辣</option>
        <option value ="中辣">中辣</option>
        <option value ="特辣">特辣</option>
    </select>
    <button onclick="noun()" type="button">下单</button>
</form>
<script type="text/javascript">
    function noun(){
        let option = document.forms.manifest[\'rank\'].value
        if(option == \'特辣\'){
            alert(\'特辣食品，祝你海运\')
        }
    }
</script>

您要使用 JavaScript 创建计算器，您必须创建一个名为添加() 的函数，该函数添加 a 和 b 输入元素中的值并将结果显示在结果 input 元素中

<form action="" method="">
    <input type="text" name="" id="a" value="" />
    <input type="text" name="" id="b" value="" />
    <input type="text" name="" id="res" value="" />
    <input type="button" name="" id="" value="+" onclick="add()" />
</form>
<script type="text/javascript">
    function add(){
        var a = eval(document.getElementById(\'a\').value)
        var b = eval(document.getElementById(\'b\').value)
        document.getElementById(\'res\').value= a+b; 
    }
</script>

您要创建将某人生日用作字符串并计算这个人的生日与当前日期之间的天数的代码。生日可以是 1900 与当前日期之前的任何日期

<script type="text/javascript">
    let birth,today,over,total
    today = Date.now() //今天日期
    birth = new Date(\'1996\') //出生日期
    over = today - birth  //已过天数
    total = over/(1000*60*60*24) 
    console.log(total) //在世天数
</script>

8892.83618582176

您需要创建和填充一个客户列表，并检查这些客户中有谁在最近 3 年中下过订单
每个客户对象都有以下属性：  客户名称  最近订单日期  订单数量

<script type="text/javascript">
    for (var i = 0; i < 客户.length; i++) {
        var 客户 = 客户[i];
        var 当前日期 = new Date();
        var 订单日期 = new Date(客户.最近订单日期);
        if (当前日期.getYear()  - 订单日期.getYear()  < 3) {
            console.log(“客户” + 客户[i].客户名称 + ”已下订单” + 日期差值(当前日期， 订单日期));
        }
    }
</script>

您要创造一个这样的网页，该网页可以在用户单击“添加”按钮时动态创建输入字段。每个输入字段都必须是数字，并且将输入分数指定为其占位符文本。您想要动态添加一个输入字段

<div id="row"以上是关于JS试题的主要内容，如果未能解决你的问题，请参考以下文章 
 谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js
 C语言必会面试题(3耶稣有13个门徒，当中有一个就是出卖耶稣的叛徒，请用排除法找出这位叛徒：13人围坐一圈，从第一个開始报号：1，2，3，1，2，3...。凡是报到“3”就退出圈子，...)(代码片段
 VSCode自定义代码片段——JS中的面向对象编程
 VSCode自定义代码片段9——JS中的面向对象编程
 js代码片段: utils/lcoalStorage/cookie
 JS代码片段：一个日期离现在多久了