gpt4 book ai didi

javascript - 在 JavaScript 中单击图像时获取四个数字

转载 作者:行者123 更新时间:2023-11-28 16:05:56 25 4
gpt4 key购买 nike

我有代表 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com