前沿:次随笔对应的是第十七天到第十八天的学习任务
任务需求:
!DOCTYPEhtmlhtmlheadmetacharset=UTF-8titleIFEECMAScript/title/headbodyinputid=dec-numbertype=numberplaceholder=输入一个十进制非负整数inputid=bin-bittype=numberplaceholder=输入转化后二进制数字位数buttonid=trans-btn转化为二进制/buttonpid=result运算结果/pscriptfunctiondec2bin(decNumber){//在这里实现你的转化方法,注意需要判断输入必须为一个非负整数//这里是上一个任务的实现}//实现党点击转化按钮时,将输入的十进制数字转化为二进制,并显示在result的p标签内//新的需求是,转化显示后的二进制数为bin-bit中输入的数字宽度,例如//dec-number为5,bin-bit为5,则转化后数字为//如果bin-bit小于转化后的二进制本身位数,则使用原本的位数,如dec-number为5,bin-bit为2,依然输出,但同时在console中报个错//Somecoding/script/body/html实现当点击转化按钮时,将输入的十进制数字转化为二进制,并显示在result的p标签内转化显示后的二进制数为bin-bit中输入的数字宽度,例如dec-number为5,bin-bit为5,则转化后数字为如果bin-bit小于转化后的二进制本身位数,则使用原本的位数,如dec-number为5,bin-bit为2,依然输出,但同时在console中报个错首先我们要了解二进制、八进制、十进制、十六进制之间的关联与差异,这些知识是之前学习的,在这里就不做过多解释了。
然后我们看一下相互转换需要用到的方法,以下面代码为例
//十进制转换成二进制(八进制或十六进制)varnum=;num.toString(2);//转换成二进制num.toString(8);//转换成八进制num.toString(16);//转换成十六进制//二进制(八进制或十六进制)转换成十进制varnum1=;parseInt(num1,2);//二进制转换成十进制parseInt(num1,8);//八进制转换成十进制parseInt(num1,16);//十六进制转换成十进制最后我们来通过代码实现需求。
!DOCTYPEhtmlhtmlheadmetacharset=UTF-8titleIFEECMAScript/title/headbodyp通过除2取余的方法来把十进制整数转化为二进制/pinputid=dec-numbertype=numberplaceholder=输入一个十进制非负整数inputid=bin-bittype=numberplaceholder=输入转化后二进制数字位数buttonid=trans-btn转化为二进制/buttonpid=result运算结果/pscriptvartransBtn=document.getElementById(trans-btn),result=document.getElementById(result);functiondec2bin(decNumber){//在这里实现你的转化方法,注意需要判断输入必须为一个非负整数if(decNumber%1===0decNumber=0){vardec2=parseInt(decNumber).toString(2),binBit=document.getElementById(bin-bit).value;//判断转换后的位数与设定位数之间的关系if(dec2.length=binBit){var