目录
第一步:框架
<!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的情况