目录
第一步：框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
</script>
</body>
</html>第二步：定义一个变量接收用户输入的数字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var st = prompt('请输入');
st = Number(st)
</script>
</body>
</html>第三步：添加判断条件，判断输入的数是几位数字，添加几个0
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var st = prompt('请输入');
st = Number(st)
if () {
} else {
}
</script>
</body>
</html>这里的话需要用到if来判断输入数字的大小，这里正常来说我们可以在if中添加输入的数数字是否大于9，如果大于9则补一个0，小于则补1个0，但这里我们换一种方法，利用length来判断
第四步：添加条件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var st = prompt('请输入');
console.log(st.length)
st = Number(st)
if (st.length < 2) {
st = "0" + '0' + st;
} else {
st = st
}
alert(st)
</script>
</body>
</html>这样我们就完成了小于9，即个位数的情况，现在我们来写大于9的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var st = prompt('请输入');
// console.log(st.length)
st = Number(st)
if (st.length < 2) {
st = "0" + '0' + st;
} else if (st.length < 3 && st.length > 2) {
st = '0' + st;
} else {
st = st
}
alert(st)
</script>
</body>
</html>这样就完成了大于9的情况