Javascript 点击提交按钮后，输入文本区域的文本

我正在尝试将textarea的输入文本打印到控制台。 用户将键入消息，然后单击按钮，然后文本将打印到控制台

这是我的HTML：

<form action='/send_message' method='POST'>
        <textarea name='message' id='message_box'></textarea>
        <input name='receiver_id' type='text' id='number' style="display: none" value="{{info[0][0]}}">
        <button id='btn' class='btn btn-primary' type='submit'>Message {{info[0][2]}}</button>
    </form>

问题是，无论控制台中的区域是空的还是包含文本，我都会收到一条空消息。

---

我尝试了val、text、innerHTML的各种组合，但我几乎总是得到相同的空输出…

单击按钮时，您需要获取textarea的值，以便在事件侦听器中分配消息变量。因为我们希望在每次单击按钮时获取textarea的值

var button = document.getElementById('btn');
button.addEventListener('click', function() {
    var message = $('textarea#message_box').val();
    console.log(message)
});

---

您需要在单击按钮时获取textarea的值，以便在事件侦听器中分配消息变量。因为我们希望在每次单击按钮时获取textarea的值

var button = document.getElementById('btn');
button.addEventListener('click', function() {
    var message = $('textarea#message_box').val();
    console.log(message)
});