0

Bug [ I am having error in this code (Listed Below) in line no. 9 in js file. ]

https://code.sololearn.com/WFbW0V1ikIyT/#html onclink is not working in javascript as per my requirements. Can any JavaScript Online and solve this bug?

6th Nov 2017, 3:19 PM
~Sudo Bash
~Sudo Bash - avatar
2 Réponses
+ 4
function init(){ var modal = document.getElementById('myModal'); // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById('myImg'); var img2 = document.getElementById('myImg2'); var img3 = document.getElementById('myImg3'); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); img.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } //handle click for myImg2 img2.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } //handle click for myImg3 img3.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } } Update your js with this Replace <body> with <body onload="init()">
6th Nov 2017, 3:33 PM
Kartikey Sahu
Kartikey Sahu - avatar
+ 3
You don't have any tag with id img3, add that.
6th Nov 2017, 3:35 PM
Kartikey Sahu
Kartikey Sahu - avatar