在JavaScript中实现用户输入一个个位数字，自动帮其补两个0，2位补一个，三位不补

目录

        第一步：框架

        第二步：定义一个变量接收用户输入的数字

        第三步：添加判断条件，判断输入的数是几位数字，添加几个0

        第四步：添加条件 

---

 

 

        第一步：框架

html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<script>
		
		script>
	body>
html>

        第二步：定义一个变量接收用户输入的数字

html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<script>
			var st = prompt('请输入');
			
			st = Number(st)
			
		script>
	body>
html>

        第三步：添加判断条件，判断输入的数是几位数字，添加几个0

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来判断

        第四步：添加条件 

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的

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的情况