Array content empty after taking input in text area

Question

The inputs I am taking in the textarea are not reflecting in the console (Check code snippet) :

Array(1)

content: ""

line: 0

Problem Statement - Table values -> Make JSON structure -> Pull/Push to db Your app should read a JSON in the same structure, and populate values. And send a JSON in same structure to db. For loading and saving

        $(document).ready(function(){
    var textarea = $('textarea').val();
    var linebreak = textarea.split('\n');
    var length = linebreak.length;
    var data = [];
    console.log(length);
    for ( var i = 0 ; i<length ; i++){
          
        data.push({ 'line': i , 'content': linebreak[i] });
        console.log(data);
    }
});

<!DOCTYPE html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="index.js" async></script>
<html>
    <head>
        <title>Basic Web Page</title>
    </head>
    <body>
        <textarea class="form-control ph" id="notes_inputbox" rows="5" placeholder=""></textarea>
        <textarea class="form-control ph" id="notes_inputbox" rows="5" placeholder=""></textarea>
        <textarea class="form-control ph" id="notes_inputbox" rows="5" placeholder=""></textarea>
        
    </body>
</html>

You need to listen for the input and then add values to your object. — Esszed, Feb 04 '22 at 11:06
Your code currently executes on page load - none of your textareas _have_ any value in them, at this point. You need to bind your function to an event handler such as `input` or `change`, and then read the _current_ value inside your callback function. — CBroe, Feb 04 '22 at 11:14
@CBroe how bind the function in event handler can you help me out ? — AKSHAT BHATAWDEKAR, Feb 05 '22 at 08:48

Array content empty after taking input in text area

0 Answers0

Linked