Calling string from array using loop after onclick function [javascript]

Question

I would like to display one of arrays after clicking matching array: for example

image 1 after clicking will display array 1
image 2 after click will display array 2:

var DetailArray = new Array(
            "number 1",
            "number 2",
            "number 3"
        );

function ShowNumber(number) {
 document.getElementById("number").value=  ;
}

img src image 1 calling function: ShowNumber();

and paragraph when it would be displayed

<p id="number"></p>

but I don't really know how to make a loop which will take from arrays matching string.

arrays are numerically indexed, just correlate the image with the index, and then it's a simple matter from there. — Sterling Archer
– Sterling Archer, Commented May 1, 2015 at 17:07
.value is for input elements. You can't use it with <p>. — Barmar
– Barmar, Commented May 1, 2015 at 17:07
Pro tip: define your array using [] instead of new Array, which can have unintended side effects in some situations. — Matthew Herbst
– Matthew Herbst, Commented May 1, 2015 at 17:11

Barmar · Accepted Answer · 2015-05-01 17:10:18Z

3

Use textContent or innerHTML to set the contents of a paragraph or DIV, value is for the value of user inputs.

function ShowNumber(number) {
    document.getElementById("number").textContent = DetailArray[number];
}

Image 1 can then contain:

onclick="ShowNumber(0)"

to show number 1.

answered May 1, 2015 at 17:10

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Collectives™ on Stack Overflow

Calling string from array using loop after onclick function [javascript]

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related