javascript src on click without jquery

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, Nov 09 '17 at 11:36
@JesseSchokker best to learn the basics of native js before moving onto using libraries — Pete, Nov 09 '17 at 11:43
Alright. I've answered your question, if you would mind accepting it. — Jesse Schokker, Nov 09 '17 at 11:43
yes I have a reason to use javascript. it is a project for an exam with JS only — victorfau, Nov 09 '17 at 11:48

Ali Ezzat Odeh · Accepted Answer · 2017-11-09T11:50:39.567

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 09 '17 at 11:50

answered Nov 09 '17 at 11:36

Ali Ezzat Odeh

2,093
1
17
17

1

it is working thank you ! – victorfau Nov 09 '17 at 13:56

score 0 · Answer 2 · answered Nov 09 '17 at 12:18

0

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

answered Nov 09 '17 at 12:18

Kunal Bhatia

711
5
10

javascript src on click without jquery

2 Answers2