Comment faire pour changer la valeur de l'élément du tableau à l'aide de javascript?

Je veux faire un bouton qui modifie la valeur d'un élément dans un tableau. Je suis en train de le faire par le code suivant, mais l'élément ne change pas. Comme une auto-apprentissage débutant, je suis probablement manquant quelque chose de très évident et j'apprécierais si quelqu'un peut le signaler à moi.

Merci pour vos réponses!

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Change Array Value</title>

</head>

<body>
<textarea id="log2"></textarea>
<input type="button" onClick="uClicked();" value="Click!">
<script>
    var fer=[];

    for (i=0; i< 15; i++){
            fer[i]=i+1;
    }

    function uClicked(fer){
        fer[12] = 10; 
        return fer[12];
    }
    log2.value = "fer[12]= " + fer[12];

</script>
</body>
</html>
connexes: jqfundamentals.com/#example-2.46

OriginalL'auteur glin yon | 2012-05-21

  1. 6
    function uClicked(){ //remove the parameter.

    Le paramètre n'est pas nécessaire, et est de cacher les véritables fer variable.

    Parce que fer a été déclarée à l'extérieur de la portée, de la uClicked fonction peut accéder.

    Code fixe:

    var fer=[];

for (i=0; i< 15; i++){
        fer[i]=i+1;
}

function uClicked(){
    fer[12] = 10; 
    alert(fer[12]);
}
    Merci beaucoup pour la réponse! Le code fait exactement ce dont j'avais besoin!

    OriginalL'auteur gdoron

  2. 3

    Votre code avec des commentaires

    <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Change Array Value</title>

</head>

<body>
<textarea id="log2"></textarea>
<input type="button" onClick="uClicked();" value="Click!">
<script>
var fer=[];

for (i=0; i< 15; i++){ //use var i, otherwise you are putting i in the global scope
        fer[i]=i+1;
}

function uClicked(fer){ //fer is undefined because you are not passing argument when you call the function
    fer[12] = 10; 
    return fer[12];
}
log2.value = "fer[12]= " + fer[12]; //log2 is not defined.

</script>
</body>
</html>

    Le code de travail:

    <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Change Array Value</title>

</head>

<body>


<textarea id="log2"></textarea>
<input type="button" onclick="uClicked();" value="Click!" />
<script type="text/javascript">
var fer = [];
for(var i; i < 15; i++){
        fer[i]=i+1;
}
var log2 = document.getElementById("log2");
function uClicked(){
    fer[12] = 10; 
    log2.value = "fer[12]= " + fer[12];
    return fer[12];
}
</script>
​


​</body>
</html>
    Merci pour votre réponse! Surtout les commentaires ont été très utiles pour comprendre ce que j'ai fait de mal. J'ai aussi remarqué que return fer[12]; n'est pas nécessaire pour que le programme fonctionne. Une bonne journée!
    Ravi de vous aider. btw, envisager upvoting les réponses qui vous sont utiles.
    J'ai essayé de upvote, mais malheureusement, il a besoin de 15 réputation. Je vais garder cela à l'esprit lorsque je l'ai. Cheers!

    OriginalL'auteur Pencho Ilchev