<!DOCTYPE html>

<html lang="en">

<head>

<!-- http://thepiggery.net/captcha/fonts/ -->

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Text captch example</title>

</head>

<body>

<h1><center>TEXT CAPTCHA using AJax</center></h1>

<hr>

<form action="testcode.php" method="post">

<p>Enter the email : <input type="text" name="email"/></p>

<p>Enter the Captcha :

<img src="captcha.php" id="captcha-img"><img src="download.png" id="cload" style="width:50px;height:50px;"><br/>

<input type="text" name="captch"/>

</p>

<p><input type="submit" name="submit"/></p>

</form>

</body>

<script type="text/javascript" src="jquery-3.5.1.min.js"></script>

<script>

$(document).ready(function(){

$("#cload").on("click",function(){

var img_element = $("#captcha-img").attr('src','captcha.php');

});

});

</script>

</html>