How to access different variables with an array

Question

I am trying to get a user to be prompted with the option to enter a value between 1 and 5, and get access a different array index based on the number they entered.

<h1>JavaScript Arrays</h1>

<p>JavaScript array elements are accessed using numeric indexes (starting from 1).</p>

<h2 id="whichbar"></h2>

<script>
    var chocbars = ["Mars Bar","Chokito","Boost","Crunchie","Picnic"];

    var userchoice = prompt ('Please enter a value between 1 and 5');

    document.getElementById("whichbar").innerHTML = chocbars[4];

</script>

I expect that the user is prompted for a value between 1 and 5, this value then determines which chocolate bar is returned to the screen.

use chocbars[userchoice - 1] ? Also, array elements are accessed starting from 0, hence the - 1 — Kobe
– Kobe, Commented Jul 25, 2019 at 9:30
You have to add a + before the prompt or else the resultant would be a string type. — Krishna Prashatt
– Krishna Prashatt, Commented Jul 25, 2019 at 9:32
@KrishnaPrashatt you won't have to since - 1 will convert it to a number for you — Kobe
– Kobe, Commented Jul 25, 2019 at 9:32
Thank you all very much, this was helpful. Much appreciated.I apologise for the unnecessary lines at the beginning of my explanation. — 00 11
– 00 11, Commented Jul 25, 2019 at 9:36

Nina Scholz · Accepted Answer · 2019-07-25 09:31:50Z

3

You could take the index of the array by getting a zero based value, hence indices start with zero.

document.getElementById("whichbar").innerHTML = chocbars[userchoice - 1];

answered Jul 25, 2019 at 9:31

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

1 Comment

00 11 Over a year ago

Thank you very much this is helpful, also i apologise for the unnecessary line at the beginning.

Collectives™ on Stack Overflow

How to access different variables with an array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related