主要需求：十进制转二进制，控制指定的位数。
转化显示后的二进制数为bin-bit中输入的数字宽度。
dec-number为5，bin-bit为5，则转化后数字为00101。
如果bin-bit小于转化后的二进制本身位数，则使用原本的位数，如dec-number为5，bin-bit为2，依然输出101，但同时在console中报个错。
<!DOCTYPE html>
<html>
<head>
???<meta charset="UTF-8"> ???
???<title>IFE ECMAScript</title>
</head>
<body> ???????
???<input id="dec-number" type="number" placeholder="输入一个十进制非负整数">
???<input id="bin-bit" type="number" placeholder="输入转化后二进制数字位数">
???<button id="trans-btn">转化为二进制</button>
???<p id="result">运算结果 :</p>
???<script>
function dec2bin(decNumber,bit) {
???// 在这里实现你的转化方法，注意需要判断输入必须为一个非负整数
???// 这里是上一个任务的实现
???if (decNumber<0) {
???????alert("请输入一个非负整数")
???} else {
???????var q = binary(decNumber,bit);
???????document.getElementById("result").innerHTML="运算结果为："+ q;
???}
}
//实现控制位数的二进制转换
function binary (num, Bits) {
???var resArry = [];
???var xresArry = [];
???i=0;
???for(;num>0;){
???????resArry.push(num % 2);
???????num=parseInt(num/2);
???????i++;
???}
???for(j=i-1;j>=0;j--)
???????xresArry.push(resArry[j]);
???????if (Bits < xresArry.length) {
???????????console.log("位数小于二进制位数")
???????} ?????
???if (Bits) {
???????for(var r = xresArry.length; r < Bits; r++) {
???????xresArry.unshift(0);
???????}
????}
????return xresArry.join().replace(/,/g, ‘‘);
?????}
???document.getElementById("trans-btn").onclick=function(){
???????var d = parseFloat(document.getElementById("dec-number").value);
???????var b =parseFloat(document.getElementById("bin-bit").value);
???????dec2bin(d,b); ?
???}
// 实现党点击转化按钮时，将输入的十进制数字转化为二进制，并显示在result的p标签内
// 新的需求是，转化显示后的二进制数为bin-bit中输入的数字宽度，例如
// dec-number为5，bin-bit为5，则转化后数字为00101
// 如果bin-bit小于转化后的二进制本身位数，则使用原本的位数，如dec-number为5，bin-bit为2，依然输出101，但同时在console中报个错
???</script>
</body>
</html>
---------------------
作者：Aimerence
来源：CSDN
原文：https://blog.csdn.net/qq_36301072/article/details/80379122
版权声明：本文为博主原创文章，转载请附上博文链接！
JS十进制转二进制（控制位数）
原文地址：https://www.cnblogs.com/Joe-and-Joan/p/10015567.html