Hi, I really got a problem that I don't know why my JS doesn't work out???

Report · Jan 16, 2019

I try to create the change image on click in my HTML but this site doesn't run my function. Can someone help me find the mistake in my javascript function or css or HTML. I really don't know what problem with this and I really really hope to fix. Below are my HTML source, CSS, Javascript code. Thank you so much for your help

//This is HTML

<!doctype html>

<html>

<head>

<title>jQuery1</title>

</head>

<body>

<div id="btbChangeImage">Change Image</div>

</body>

</html>

//This is my CSS

@charset "UTF-8";

#my_image{

width:800px;

}

#btbChangeImage{

margin:10px;

padding:10px;

width:80px;

text-align:center;

border:1px solid black;

cursor:pointer;

}

//This is my JS code

jQuery(document).ready(function($){

var btb=document.getElementByID('btbChangeImage');

btb.onclick= ChangeImage;

});

var CurrentImage=0;

function ChangeImage(){

if(CurrentImage===0){

$('#my_image').attr("src","html example/Support source/he-mat-troi.jpg");

CurrentImage=1;

}else{

$('#my_image').attr("src","html example/Support source/xu-ly-mau.jpg");

CurrentImage=0;

}

Report · Jan 17, 2019

You dont need JQuery to do what you want. Just use the vanilla javascript <script> </script> code below and paste it directly before the closing </body> tag of your page.

Also I would advise that you DONT use spaces in file or folder names. I would use something like below (an underscore) and stick to lower case letters:

html_example/support_source/he-mat-troi.jpg

html_example/support_source/xu-ly-mau.jpg

var btb=document.querySelector('#btbChangeImage');

btb.addEventListener('click', ChangeImage);

var CurrentImage = 0;

function ChangeImage(){

if(CurrentImage===0){

document.querySelector("#my_image").src = "html example/Support source/he-mat-troi.jpg";

CurrentImage=1;

} else{

document.querySelector("#my_image").src = "html example/Support source/xu-ly-mau.jpg";

CurrentImage=0;

}

</script>

Adobe Community

Hi, I really got a problem that I don't know why my JS doesn't work out???

1 Correct answer