Hola, soy realmente nuevo en javascript y estoy atascado en un ejercicio de libro de texto en el que aumento el incremento de la variable i en 1 para poder continuar enumerando las entradas. Aquí está mi código hasta ahora, ¿alguien puede guiarme sobre lo que estoy haciendo incorrectamente? Gracias.
<body> <header> <h1> Project 2 Test 1 </h1> </header> <article> <div id="results"> <ul> <li id="item1"></li> <li id="item2"></li> <li id="item3"></li> <li id="item4"></li> <li id="item5"></li> </ul> <p id="resultsExp"></p> </div> <form> <fieldset> <label for="wishList" id="placeLabel"> Type the name of a wish list item, then click Submit: </label> <input type="text" id="wishList" /> </fieldset> <fieldset> <button type="button" id="button">Submit</button> </fieldset> </form> </article> <script> i = 1; listitem = ""; function processitems() { if (i<= 5) { listitem ="item" +i; document.getElementById(listitem).innerHTML = document.getElementById("wishList").value; document.getElementById("wishlist").value =""; if (i===5) { document.getElementById("resultsExp").innerHTML = "Your wish list has been submitted"; } //inside the processitems() function of the main if statement, after the nested if statement, add a statement to increment the value of i by 1. i =+1; } } var btn = document.getElementById("button"); if (btn.addEventListener) { btn.addEventListener("click", processitems, false); } else if (btn.attachEvent) { btn.attachEvent("onclick", processitems); } </script>i =+1; está asignando 1 a i . Deberías estar haciendo i += 1 en su lugar:
<body> <header> <h1> Project 2 Test 1 </h1> </header> <article> <div id="results"> <ul> <li id="item1"></li> <li id="item2"></li> <li id="item3"></li> <li id="item4"></li> <li id="item5"></li> </ul> <p id="resultsExp"></p> </div> <form> <fieldset> <label for="wishList" id="placeLabel"> Type the name of a wish list item, then click Submit: </label> <input type="text" id="wishList" /> </fieldset> <fieldset> <button type="button" id="button">Submit</button> </fieldset> </form> </article> <script> i = 1; listitem = ""; function processitems() { if (i <= 5) { listitem = "item" + i; document.getElementById(listitem).innerHTML = document.getElementById("wishList").value; document.getElementById("wishList").value = ""; if (i === 5) { document.getElementById("resultsExp").innerHTML = "Your wish list has been submitted"; } //inside the processitems() function of the main if statement, after the nested if statement, add a statement to increment the value of i by 1. i += 1; } } var btn = document.getElementById("button"); if (btn.addEventListener) { btn.addEventListener("click", processitems, false); } else if (btn.attachEvent) { btn.attachEvent("onclick", processitems); } </script>