JS试题

1. 您要为 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套房

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

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

   

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

   <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>

   

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

   <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>

   

5. 您要设计一个包含动物列表的网页。该网页中包含一个从列表中输出动物的脚本。 您创建以下 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>

   

6.  

   您需要编写一个简单的脚本，用来执 行以下操作： ? 声明和初始化一个数组 ? 在该数组中填充 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>

7. 您要创建能够操作日期的 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 (中国标准时间)

8. 您的讲师要求您实现可以在<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>

   

    

JS试题

原文：https://www.cnblogs.com/tanzizheng/p/12839908.html