IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

1

1

事件变量函数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("输入你的成绩");
	if(score>=90)
	{
	   document.write("大佬，惹不起!");
	}
	else if(score>=75)
    {
	   document.write("哎呦，不错吆!");
	}
	else if(score>=60)
    {
	   document.write("60分万岁!");
    }
    else if(score>=0)
	{
       document.write("你个渣渣!");
	}
	else if(score===null)
	{
	    document.write("坦白从宽!")
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

该问题已被官方收录

为什么null>=0是true

1

1

数据类型

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

null>=0;
true

该问题已被官方收录

如何获取三个随机格子

0

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

js代码
//获取事件源
var sudoku = document.getElementsByClassName("box");
//获取颜色
function color() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    //return "rgb("+r+","+g+","+b+")";
    return `rgb(${r},${g},${b})`; //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
//获取随机格子
function getRandom() {
    var list = Array.from(sudoku); //将集合转化为数组
    var result = [];
    for (var i = 0; i < 3; i++) {
        var x = Math.floor(Math.random() * list.length);
        result.push(list.splice(x, 1)[0]); //将随机选择的对象删除，且返回添加给空数组
    }
    return result;
}
//改变颜色
function changeColor() {
    //重置颜色
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.backgroundColor = "orange";
    }
    var result = getRandom();
    for (var i = 0; i < result.length; i++) {
        result[i].style.backgroundColor = color();
    }
}


//声明变量作为定时器开关。
var startButton;
//开始
function start() {
    //重置定时器
    clearInterval(startButton);
    startButton = setInterval("changeColor()", 1000);
}
//停止
function stop() {
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.background = "orange";
    }
    clearInterval(startButton);
}
css代码
.html{
    font-size: 312.5%;
}

body {
    margin: 0;
}

.box {
    float: left;
    margin: 1%;
    border-radius: 10%;
    padding-left: 31.33%;
    padding-bottom: 31.33%;
    background-color: orange;
}

button {
    width: 100%;
    padding: 5% 0;
    margin-bottom: .5rem;
    border: 1px solid orange;
    border-radius: .5rem;
    font-size: 1rem;
    outline-style: none;
    color: orange;
    background: white;
}

button:hover {
    color: white;
    background: orange;
}

html代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>九宫格</title>
    <link rel="stylesheet" type="text/css" href="task1.css"></link>
</head>

<body>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <button onclick="start()">开始闪</button>
    <button onclick="stop()">结束闪</button>
    <script type="text/javascript" src="task1.js"></script>
</body>

</html>

该问题已被官方收录

获取三个不会重复的背景颜色

1

1

控制流程语句 js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //获取rgb的随机颜色
        function color(){
            var rgb;
             r = Math.floor(Math.random()*256);
             g = Math.floor(Math.random()*256);
             b = Math.floor(Math.random()*256);
            rgb ="rgb("+r+","+g+","+b+")"
            console.log(rgb);
            return rgb;
        }
        //获取三个随机盒子
        function box(){
             //当第一个盒子和第二个盒子相同的时候，或者第……，会重新获取三个盒子
             while(first == second || second == third || first==third){
                var first = Math.floor(Math.random()*9);
                var second =  Math.floor(Math.random()*9);
                var third =  Math.floor(Math.random()*9);
                console.log(first,second,third);
            }
            //给随机的三个盒子赋值上随机背景颜色rgb
            itme[first].style.backgroundColor = color()
            itme[second].style.backgroundColor = color()
            itme[third].style.backgroundColor = color()
        }

该问题已被官方收录

点击开始按钮报错

0

1

事件函数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var Sudoku = document.getElementsByClassName('Sudoku');
var start = document.getElementById('start');
var off = document.getElementById('off');
var time;
function begin() {
    var one = Math.floor(Math.random()*9);
    var two = Math.floor(Math.random()*9);
    var three = Math.floor(Math.random()*9);
    if(one == two){
        one = Math.floor(Math.random()*9);
    }else if(two == three){
        two = Math.floor(Math.random()*9);
    }else if(one = three){
        three = Math.floor(Math.random()*9);
    }
    Sudoku[one].style.backgroundColor = 'rgb'+ colors();
    Sudoku[two].style.backgroundColor = 'rgb'+ colors();
    Sudoku[three].style.backgroundColor = 'rgb'+ colors();
}
function colors() {
    var rgb;
    var r = Math.floor(Math.random()*265);
    var g = Math.floor(Math.random()*265);
    var b = Math.floor(Math.random()*265);
    rgb = '('+r+','+g+','+b+')';
    return rgb;
}
function start(){
    clearInterval(time);
    time = setInterval(function(){
        for(var i = 0; i < 9; i++){
            Sudoku[i].style.backgroundColor = '';
        }
        begin();

    },1000);
}
 function off(){
    clearInterval(time);
    for(var i = 0; i < 9; i++){
        Sudoku[i].style.backgroundColor = '';
    }
}

该问题已被官方收录

true和false怎么不一样啊？

0

1

函数数据类型

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var a=1;
undefined
true&&(a=2);
2
true||(a=3);
true
var b=5;
undefined
false&&(b=6);
false
false||(b=7);
7

该问题已被官方收录

如何做出不重复的随机数

1

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取任务一的九个小格子的DOM
var box=document.getElementsByClassName("box");
console.log(box);
// Math变整数
var boxm=Math.ceil(Math.random()*(box.length-1));
// 索引，其中的一个DOM，box和随机数一起打印出来
console.log(box[boxm]);
box[boxm].style.background='red';
var boxm=Math.ceil(Math.random()*(box.length-1));
console.log(box[boxm]);
box[boxm].style.background='yellow';
var boxm=Math.ceil(Math.random()*(box.length-1));
console.log(box[boxm]);
box[boxm].style.background='black';


var my=new Array();
console.log(my);

该问题已被官方收录

while循环语句的判断条件

0

1

控制流程语句

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

A1=Math.random()*9;
A=Math.ceil(Nu1);//向上取整数
B1=Math.random()*9;
B=Math.ceil(Nu2);
C1=Math.random()*9;
C=Math.ceil(Nu3);
while (A>9&&B>9&&A===B&&C>9&&A===C&&B===C){
B1=Math.random()*9;
B=Math.ceil(Nu2);
C1=Math.random()*9;
C=Math.ceil(Nu3);
}//三个互不相同的随机数

该问题已被官方收录

对一个数组进行随机排序有哪些写法？

1

1

变量表达式和运算符函数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 function _3number() {
            var arr = []
            for (i = 0; i < 9; i++) {
                arr.push(bg());
            }

            arr.sort(function () {
                return Math.random() - 0.5
            })
            var a = arr[0];
            var b = arr[1];
            var c = arr[2];
            return(a+b+c);
        }

function number() { // 随机0-9数字函数
            return Math.floor(Math.random() * 9);
        }

该问题已被官方收录

JS中class和id有什么区别？

0

1

操作DOM 变量

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<html>  
<head>  
<style type="text/css">  
#aa   
{  
    color:red  
}  
  
.aa   
{  
    color:blue  
}  
</style>  
</head>  
  
<body>  
<div id="aa" class="aa">I love you.</div>  
</body>  
  
</html>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1