2015-03-14 4 views
0

Я новичок в JavaScript, и я пытаюсь сделать что-то очень простое. Я хочу показать array[1] текст в firstDiv's innerHTML, когда я нажимаю кнопку.Beginner javascript arrays

Я выполнил все инструкции, но все еще не работает.

<!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> 
+0

вы должны попробовать 'уаг MyArray = новый Array();' –

+0

или вар туАггау = []; – Abovestand

+0

Спасибо всем. Очень быстрые ответы, все правильно :) –

ответ

0

Этот код будет убедиться, что вы получите первый элемент туАггау на кнопку мыши. И устанавливает текст div как первый элемент myArray.

Работа Пример: 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]; 
} 
2

изменить ваш var myArray=new Array[]; в var myArray=[];

Тогда он будет работать

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>