一張圖片一個字遊戲

Question

我正在做一個猜測圖片遊戲，像4張圖片一個字。所以我有所有的代碼和關於寫這個詞和猜測這個詞的一切。但是，我不知道如何將圖片與單詞連接起來。 示例。我有一張貓的照片，用戶需要寫貓，他會得到正確的答案。

但是，如何將圖片貓連接到單詞cat？ 我使用的是HTML5，Javscript。

預先感謝您在HTML表單圖像驗證技術

Answer 1

先輸入字段

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

也給形象標識和名稱，如

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

然後在JavaScript使myfunction的（）

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

我不敢肯定，如果它是做到這一點的最佳方式

Answer 2

搜索或者更正確地開發的方式做「驗證碼」驗證。例如 - 我們在圖像中有一個數字，用戶必須正確輸入，並且只有在用戶在圖像以外的文本框中輸入正確的數字時纔會提交表單。

讓我知道你是否需要更多的細節。

編輯：你也可以添加你想檢查你的圖像作爲'img'標籤的'alt'或'class'屬性的名稱，然後檢查輸入到文本字段中的單詞是否與'img'標籤中'alt'或'class'的值。

希望它有幫助。