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

该问题已被官方收录

如何将数字转换成字符串？

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div style="margin:10px 10px;background:#d3d1d2;">
        <h2>字符串</h2>
        <p><b>var x = "demo-x";</b></p>
        <p><b>var y = 'demo-y';</b></p>
        <p><b>var xy = "这是'demo-xy'文件";</b></p>
        <p><b>var yx = '这是"demo-yx"文件';</b></p>
        <p><b>console.log(typeof x,x,typeof y,y,typeof xy,xy,typeof yx,yx);</b></p>
    </div>

该问题已被官方收录

函数的转换

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function temp() {
    document.getElementById("peoplo").innerHTML = " ";
    var kill = Math.floor(oPlayerNum.value / 3);
    console.log(kill);
    var peoplo = Math.floor(oPlayerNum.value - kill);
    console.log(peoplo);
    var tomo = kill + peoplo;
    lin = tomo;
    console.log(tomo);
    var arr = [];
    for (i = 0; i < kill; i++) {
        arr[i] = "<div class=killnum><span class=tianping></span><span class=juewang>杀手</span></div>";
        console.log(arr[i]);
        have.push(arr[i]);
    }
    var arr2 = [];
    for (i = 0; i < peoplo; i++) {
        arr2[i] = "<div class=killnum><span class=tianpin></span><span class=juewang>平民</span></div>";
        console.log(arr2[i]);
        have.push(arr2[i]);
    }
    var gamenum = arr.concat(arr2);
    _array = gamenum.concat();
    for (var i = gamenum.length; i--;) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = _array[i];
        _array[i] = _array[j];
        _array[j] = temp;
    }
    console.log(arr);
    console.log(arr2);
    for (var i = 0; i < tomo; i++) {
        var divA = document.getElementById("peoplo");
        divA.innerHTML = divA.innerHTML + _array[i];
    }
    sessionStorage.setItem('key', JSON.stringify(_array));
    console.log(have);
    console.log(oPlayerNum.value);
}

该问题已被官方收录

输出对象长度

0

1

数据类型操作DOM 函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    var Score=Object.keys(score);
    console.log(Score.length);

该问题已被官方收录

关于prompt

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>

该问题已被官方收录

angular-ui-bootstrap两组日期选择器的选择范围

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

<div class="form-group lain">
        <label for="exampleInputEmail2">创建时间</label>
        <input ng-click="open1()" type="text" class="form-control" ng-model="dt1"
          value="{{dt1 | date:'sss'}}"
          uib-datepicker-popup  
          is-open              = "popup1.opened" 
          datepicker-options   = "dateOptions" 
          ng-required          = "true" 
          clear-text           = "清空"
          current-text         = "今天"
          close-text           = "关闭" 
          datepicker-options   ="{maxDate:(dt2)}"
          alt-input-formats    = "altInputFormats" />
      </div>
      <div class="form-group lain">
        <label for="exampleInputEmail2">——</label>
        <input ng-click="open2()" type="text" class="form-control" ng-model="dt2" 
          value="{{dt2 | date:'sss'}}"
          uib-datepicker-popup  
          is-open              = "popup2.opened" 
          datepicker-options   = "dateOptions" 
          ng-required          = "true" 
          datepicker-options   = "{minDate:(dt1)}"
          clear-text           = "清空"
          current-text         = "今天"
          close-text           = "关闭" />
      </div>

该问题已被官方收录

随机数组的算法问题

0

1

操作DOM 事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var arr=new Array(3);
    var arr1=new Array(3);
    for(var i=0;i<arr.length;i++) {
        var a= parseInt(Nath.random()*9);
        console.log(a);
        if (i==0) {
            arr[i] = a;
        } else {
            for (var j = 0; j < i; j++) {
                if (a == arr[j]) {
                    i--
                }
                else {
                    arr[i] = a;
                }
            }
        }
    }

该问题已被官方收录

style.backgroundColor 有时报错

0

1

函数变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function getRandomArrayElements(arr, count) {
  var shuffled = arr.slice(0),
    i = arr.length,
    min = i - count,
    temp, index;
  while (i-- > min) {
    index = Math.floor((i + 1) * Math.random());
    temp = shuffled[index];
    shuffled[index] = shuffled[i];
    shuffled[i] = temp;
  }
  return shuffled.slice(min);
}
function createArray(n) {
  var arr = [];
  for (var i = 0; i < n; i++) {
    arr.push(i);
  }
  return arr;
}
var boxIndex = createArray(box.length);
var	 boxRandom = getRandomArrayElements(boxIndex, 3);

  // 改变背景色
  for (var i = 0; i < 3; i++) {
    // 数字转换为颜色
    box[boxRandom[i]-1].style.backgroundColor = 'blue';
    console.log(boxRandom[i] + ';');
  }

该问题已被官方收录

click和onclick本质的区别,又有哪些联系?

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//随机颜色
function colors (){
  var col = Math.floor(Math.random()*Math.pow(255,3));
  var c16 = col.toString(16);
  return c16;
}

//开始闪
flash.onclick = function(){  
  clearInterval(time);  
  time = setInterval(function(){  
    for(var i = 0; i < div.length; i++){  
      div[i].style.background = '';  
    }  
    thethree(); 
  },1000);  
} 
//取消闪
cancel.onclick = function(){  
  clearInterval(time);  
  for(var i = 0; i < div.length; i++){  
    div[i].style.background = '';  
  }  
}

该问题已被官方收录

如何取三个不同的随机盒子？

0

1

数据类型变量表达式和运算符操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var bos=document.getElementsByClassName("box");
// var btn1 = document.getElementById("btnStart")
var btn2=document.getElementById("btnEnd")

function box() {

}
// 颜色1
function randomRgbColor1() { //随机生成RGB颜色
    var r = Math.floor(Math.random() * 256); //随机生成256以内r值
    var g = Math.floor(Math.random() * 256); //随机生成256以内g值
    var b = Math.floor(Math.random() * 256); //随机生成256以内b值
    return `rgb(${r},${g},${b})`; //返回rgb(r,g,b)格式颜色
}

//  function btn1() {
//     // bos.style.background = randomRgbColor2();
//     boo.style.backgroundColor=randomRgbColor2();
//     bos[1].style.backgroundColor=randomRgbColor2();
// }
// function btnend() {
//     // bos.style.background = randomRgbColor2();
//     document.body.style.backgroundColor = randomRgbColor3();
// }

function r2() { //随机生成RGB颜色
    var r = Math.floor(Math.random() * bos.length);
}

该问题已被官方收录

关于洗牌算法如何获取加入数组并获取其中得数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//洗牌
function Shuffle(a) {
    var length = a.length;
    for(var i = length - 1, rand;i >= 0; i--){
        rand = Math.floor(Math.random()*(i+1))
        var p = a[i];
        a[i] = a[rand];
        a[rand] = p ;  
    }
}
//设置从0到8的数组a
a = [0,1,2,3,4,5,6,7,8];
//页面加载运行函数，Shuffle（a）
Shuffle(a);

//重置颜色，并随机抽取三个数，赋予其颜色
function clear(){
    var units = document.getElementsByClassName("grid");
    for(var i = 0; i < units.length;i++){
        units[i].style.backgroundColor = "#ff8c00";
    }
    units[a.slice(0,3)[0]].style.backgroundColor = randomlyColor();
    units[a.slice(0,3)[1]].style.backgroundColor = randomlyColor();
    units[a.slice(0,3)[2]].style.backgroundColor = randomlyColor();
    console.log(a.slice(0,3)[0],a.slice(0,3)[1],a.slice(0,3)[2])
}