Beginner javascript arrays

Question

I am new to JavaScript and I am trying to do something very simple. I wan to appear array[1] text in firstDiv's innerHTML when I click button.

I have followed all instructions but still it's not working.

<!doctype html>
<html>
<head>
    <title>Learning Javascript</title>

    <meta charset="utf-8" />
    <meta htttp-equiv="content-type" contents="text/html; charset-utf8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />  

</head>

<body>

    <button id="stylesChanger">Change the text !</button>

    <div id="firstDiv">This sis some text</div>

    <script type="text/javascript">

        var myArray=new Array[];

        myArray[0]="pizza";
        myArray[1]="chocolate";

        document.getElementById("stylesChanger").onclick=function(){

            document.getElementById("firstDiv").innerHTML=myArray[1];
        }               

        </script

</body>
</html>

Actually you can see w3school say's myArray=[] is better practice. — RoliCo
– RoliCo, Commented Mar 14, 2015 at 14:31

Sing · Accepted Answer · 2015-03-14 06:31:34Z

2

change your var myArray=new Array[]; to var myArray=[];

Then it will work

    var myArray=[];

    myArray[0]="pizza";
    myArray[1]="chocolate";

    document.getElementById("stylesChanger").onclick=function(){

        document.getElementById("firstDiv").innerHTML=myArray[1];
    }

<button id="stylesChanger">Change the text !</button>

<div id="firstDiv">This sis some text</div>

answered Mar 14, 2015 at 6:31

Sing

4,0623 gold badges32 silver badges42 bronze badges

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

Comments

maxspan · Accepted Answer · 2015-03-14 06:40:15Z

0

This code will make sure you get the first element of myArray on button click. And sets the div text as myArray first element.

Working Sample: JSFIDDLE

var myArray = new Array();
myArray[0] = 'pizza';
myArray[1] = 'chocolate';

var btn = document.getElementById('stylesChanger');
btn.addEventListener('click', getArrayFirstElement, false);

function getArrayFirstElement(){
 document.getElementById("firstDiv").innerHTML = myArray[0];
}

answered Mar 14, 2015 at 6:40

maxspan

14.3k16 gold badges79 silver badges115 bronze badges

Collectives™ on Stack Overflow

Beginner javascript arrays

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related