---
title: "Create a JavaScript Captcha Example for Learning..."  
description: "Create a JavaScript Captcha Example for Learning..."  
author: "Anonymous User"  
published: 2019-06-01  
updated: 2020-09-18  
canonical: https://www.mindstick.com/interview/23522/create-a-javascript-captcha-example-for-learning  
category: "javascript"  
tags: ["jquery", "javascript"]  
reading_time: 2 minutes  

---

# Create a JavaScript Captcha Example for Learning...

```
JavaScript Captcha Example
<html>
<head><title>JavaScript Captcha Example</title></head>
<body onload="generateCaptcha()">
<script>var captcha;
function generateCaptcha() {
    var a = Math.floor((Math.random() * 10));
    var b = Math.floor((Math.random() * 10));
    var c = Math.floor((Math.random() * 10));
    var d = Math.floor((Math.random() * 10));
 captcha=a.toString()+b.toString()+c.toString()+d.toString();
    document.getElementById("captcha").value = captcha;}
function check(){
 var input=document.getElementById("inputText").value;
 if(input==captcha){
  alert("Equal");
 }
 else{
  alert("Not Equal");
 }
}
</script>
<input type="text" id="captcha" disabled/><br/><br/>
<input type="text" id="inputText"/><br/><br/>
<button onclick="generateCaptcha()">Refresh</button>
<button onclick="check()">Submit</button>
</body>
</html>
```

**Note:** Please don’t use this method in live web projects because this implementation is already readable by the attacker and he/she can manipulate it. Everything should be processed on the server side. You can just use this captcha generation method in your school or college projects.

## Answers

### Answer by Anonymous User

```
JavaScript Captcha Example
<html>
<head><title>JavaScript Captcha Example</title></head>
<body onload="generateCaptcha()">
<script>var captcha;
function generateCaptcha() {
    var a = Math.floor((Math.random() * 10));
    var b = Math.floor((Math.random() * 10));
    var c = Math.floor((Math.random() * 10));
    var d = Math.floor((Math.random() * 10));
 captcha=a.toString()+b.toString()+c.toString()+d.toString();
    document.getElementById("captcha").value = captcha;}
function check(){
 var input=document.getElementById("inputText").value;
 if(input==captcha){
  alert("Equal");
 }
 else{
  alert("Not Equal");
 }
}
</script>
<input type="text" id="captcha" disabled/><br/><br/>
<input type="text" id="inputText"/><br/><br/>
<button onclick="generateCaptcha()">Refresh</button>
<button onclick="check()">Submit</button>
</body>
</html>
```

**Note:** Please don’t use this method in live web projects because this implementation is already readable by the attacker and he/she can manipulate it. Everything should be processed on the server side. You can just use this captcha generation method in your school or college projects.


---

Original Source: https://www.mindstick.com/interview/23522/create-a-javascript-captcha-example-for-learning

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
