我有代表 1 到 9 的图片，我希望当用户点击其中一张时保存数字(例如:如果用户点击有 1 的图片，保存数字 1)，但是我密码只需要四个数字。如何让用户在一个变量中只输入四位数字？
这是我的代码:
<html>
<title>Hora</title>
<head><link rel="stylesheet" type="text/css" href="csshora.css">
<script type="text/javascript">
var number;
function changeImage(a) {
document.getElementById("img").src=a;
}
</script>
</head>
<body>
<div class="login">
<img src="img/1.png" class="i-1" onclick='number('1')'/>
<img src="img/2.png" class="i-2" />
<img src="img/3.png" class="i-3" />
<img src="img/4.png" class="i-4" />
<img src="img/5.png" class="i-5" />
<img src="img/6.png" class="i-6" />
<img src="img/7.png" class="i-7" />
<img src="img/8.png" class="i-8" />
<img src="img/9.png" class="i-9" />
</div>
</body>
</html>最佳答案
这是一个入门示例。
<html>
<title>Hora</title>
<head>
<link rel="stylesheet" type="text/css" href="csshora.css">
<script type="text/javascript">
var number;
var pin = "";
function changeImage(a) {
document.getElementById("img").src = a;
}
function number(v) {
if (pin.length <= 3) {
pin += v;
} else
alert('You have already entered 4 digits');
}
</script>
</head>
<body>
<div class="login">
<img src="img/1.png" class="i-1" onclick="number('1')" />
<img src="img/2.png" class="i-2" onclick="number('2')" />
<img src="img/3.png" class="i-3" onclick="number('3')" />
<img src="img/4.png" class="i-4" onclick="number('4')" />
<img src="img/5.png" class="i-5" onclick="number('5')" />
<img src="img/6.png" class="i-6" onclick="number('6')" />
<img src="img/7.png" class="i-7" onclick="number('7')" />
<img src="img/8.png" class="i-8" onclick="number('8')" />
<img src="img/9.png" class="i-9" onclick="number('9')" />
</div>
</body>
</html>关于javascript - 在 JavaScript 中单击图像时获取四个数字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43494130/