Question

我正在制作像4张图片一样的猜谜图片游戏。所以我拥有所有代码以及关于写单词和猜测单词的所有内容。但是，我不知道如何将图片与单词连接起来。例。我有一张猫的图片，用户需要写猫，他会得到正确答案。

但是如何将图片猫与单词cat连接？我正在使用HTML5，Javscript。

提前谢谢

Answer 1

首先制作输入字段

<input id ="text"></input>
<button onclick="myfunction()"></button>

还提供图像ID和名称，如

<img id="img" name="word">

然后在javascript make myfunction（）

  function myfunction(){
        if(document.getElementById("text").value == document.getElementById("img").name){
        alert("Correct");
      }
      }

我不确定这是否是最好的方法

Answer 2

搜索图像验证技术或更正确地开发人员在html表单中进行“验证码”验证的方式。例如 - 我们在图像中有一个数字，用户必须正确输入，只有当用户在图像旁边的文本字段中输入正确的数字时，才会提交表单。

如果您需要更多详细信息，请与我们联系。

编辑：您还可以将要检查图像的名称添加为'img'标记的'alt'或'class'属性，然后检查在文本字段中输入的单词是否与值相同'img'标签中的'alt'或'class'。

希望它有所帮助。

一张图片一个字游戏

2 个答案: