效果图
CSS部分
.outer{
width: 150px;
text-align: center;
line-height: 30px;
margin: 50px auto;
background-color: black;
color:white;
font-weight: bold;
}
HTML部分
<div class="outer">
有N周,余N天
</div>
JS部分
window.onload=function(){
var total=prompt("请输入日期整数","100");
//prompt弹框可以输入两个值,第一个是文本框上提示语句,第二个是placeholder效果
var change=document.getElementsByClassName('outer')[0];
var weeks=0;
var days=0;
if(total%7==0){//如果是7的整数倍
days=0;
weeks=total/7;
//就为几周
}else{
days=total%7;
weeks=Math.floor(total/7);//采用向下取整,因为不满7的算0
}
change.innerHTML='有'+weeks+'周,余'+days+'天';
}