I am a beginner in client-side scripting and new to Stack Overflow. I am looking for guidance on how to change an image within a div element upon clicking a button or anchor tag. Here is the code snippet I have written to achieve this:
$scope.captchaChange = function () {
$http({
method: "POST",
url: 'http://localhost:8080/Project/captcha/captcha',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}).success(function (response) {
if (response.imgUrl.length > 0) {
document.getElementById("captchaImg").src = response.imgUrl;
document.getElementById("captchatext").value = response.imgToken;
} else {
alert('no captcha Image Available');
}
}).error(function (response) {
//alert("response" + response)
$scope.codeStatus = response || "Request failed";
return false;
});
}