Question

我需要div来显示用户的消息，其中是：import json. def lambda_handler(event, context): return { 'statusCode': 200, 'body': json.dumps('Hello from Lambda!') }，并且当我单击发送按钮时，消息应该显示在适当的分区但是，当我编写一条消息并单击该按钮时，比在div中看到的要多得多：[name] : [text of message]。为什么会发生？

我一直试图更改变量名称和包含名称和文本的div ID的名称。

HTML：

null : null

JavaScript：

<form class="login" onsubmit="return false">
    <input type="text" id="name" placeholder="name"><br>
    <textarea type="text" id="message" placeholder="message"> 
    </textarea><br>
    <input type="submit" id="btn" value="Send">
</form>

Answer 1

您尚未投入.value来获得input的价值。尝试如下：

btn.onclick = function(){
var chat = document.getElementById('chat'); //chat
var name = document.getElementById('name').value; //username
var message = document.getElementById('message').value; //message 
var btn = document.getElementById('btn');
    chat.innerHTML = name + " : " + message;
}

<form class="login" onsubmit="return false">
    <input type="text" id="name" placeholder="name"><br>
    <textarea type="text" id="message" placeholder="message"> 
    </textarea><br>
    <input type="submit" id="btn" value="Send">
</form>

<div id="chat">
</div>

为什么innerHTML返回null

1 个答案: