javascript src on click without jquery [duplicate]

Question

I am a javascript beginner.

function PlayPause() {
if (playing) {
    playing = false;
    v*****s.pause();
} else {
    playing = true;
    v*****s.play();
}
};

what I want is add a line which change the source of an image in my html code. do exist something like this

function PlayPause() {
if (playing) {
    playing = false;
    Vianeos.pause();
    src="img_1"
} else {
    playing = true;
    Vianeos.play();
    src="img_2"
}   
};

I hope that you understand what I mean. if need to be more explicit just ask me :)

Is there any specific reason why you would want to do this without JQuery? It saves you from writing a lot of useless code. — Jesse Schokker
– Jesse Schokker, Commented Nov 9, 2017 at 11:36
@JesseSchokker best to learn the basics of native js before moving onto using libraries — Pete
– Pete, Commented Nov 9, 2017 at 11:43
Alright. I've answered your question, if you would mind accepting it. — Jesse Schokker
– Jesse Schokker, Commented Nov 9, 2017 at 11:43
yes I have a reason to use javascript. it is a project for an exam with JS only — victorfau
– victorfau, Commented Nov 9, 2017 at 11:48

Ali Ezzat Odeh · Accepted Answer · 2017-11-09 11:50:39Z

1

Add id to you image element in html :

<img src = "anything" id= "myImage" >

then update it from you function in javascript :

function PlayPause() {
var imageElement = document.getElementById("myImage");

if (playing) {
    playing = false;
    Vianeos.pause();
    imageElement.src="img_1"
} else {
    playing = true;
    Vianeos.play();
    imageElement.src="img_2"
}   
};

edited Nov 9, 2017 at 11:50

answered Nov 9, 2017 at 11:36

Ali Ezzat Odeh

2,1631 gold badge20 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

victorfau Over a year ago

it is working thank you !

Kunal Bhatia · Accepted Answer · 2017-11-09 12:18:07Z

0

var imgEle = document.getElementById("imgtag"); imgEle.src="anything";

answered Nov 9, 2017 at 12:18

Kunal Bhatia

7215 silver badges10 bronze badges

Collectives™ on Stack Overflow

javascript src on click without jquery [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related