for loop with array of strings rendering the same thing twice?

Question

I am building in javascript a simple feedback that has a text area and is grabbing the text and displaying a successful message when the add button is clicked. When the view feedback button is clicked it should render the feedback and it does but if I click the button once and then type in the text area again and again it keeps rendering multiple times the same feedback message. Attached is my javascript code.

var array = Array();
var x = 0;
function addFeedback() {
    array[x] = document.getElementById('feedback').value;
    x++;

    document.getElementById('feedback').value = '';

    document.getElementById('result').innerHTML =
        '<h2><h3> Your have successfully Added Feedback!</h3></h2>';
}

var feedback = '';

function displayFeedback() {
    for (var i = 1; i < array.length + 1; i++) {
        feedback = array[i - 1] + '<br/>';
        console.log(feedback);
    }
    document.getElementById('result').innerHTML =
        '<h2>feedback Details: </h2>' + feedback.split('<br>');
}

<html>
    <head>
    <script src="script.js" type="text/javascript"> </script>
  </head>
  <body> 
    <!-- Fill code here -->
     <div>
         <h2>Feedback for the ART OF LIVING</h2>
         <div>
             <label for="feedback"></label>Enter the Feedback:
                <textarea id="feedback" name="feedback" value="feedback" type="text"></textarea>
            <div>
                <input type="button" id="create" name="create" onclick="javascript:addFeedback()">Add Feedback</input><br/>
                <input type="button" id="view" name="view" onclick="javascript:displayFeedback()">View feedback</input>
            </div>
            <div id="result"></div>
         </div>
     </div>
    </body>
</html>

What is the exact issue? I can see that the `displayFeedback` function displays the initial feedback when the button is clicked. What is the expected behaviour? — Nitheesh, Jan 20 '22 at 01:50
it should be rendering each time the text area is inputed and it does but lets say I put for the first time "feedback i n the text area and then I put something else in the text area it shows up multiple times I dont know if its something to do with my for loop? — George Hatzigeorgio, Jan 20 '22 at 02:08
[Don't use `javascript:` in `onclick` handlers](https://stackoverflow.com/q/561550/1048572) — Bergi, Jan 20 '22 at 02:25
@pilchard not starting at 0 is actually a mistake on my part. — George Hatzigeorgio, Jan 20 '22 at 02:28

for loop with array of strings rendering the same thing twice?

0 Answers0