Javascript Read and Write

[Geralt]

Hi all, I can't seem to figure out for the life of me why I can't get my "fake" chat to work. I want to use Javascript to take input from a text box and output it in a read only text area and to append new submissions below the previous one afterwards. Can anyone help me?

 

Javascript:

 <script type="text/javascript">                function chat() {                    var chatinput = document.getElementByID('chatinput');                    var chat = document.getElementByID("chat");                    var output = chatinput.value;                    chat.value = "You have entered: " + output;                }            </script>

 

 

HTML:

 <fieldset>                <textarea rows="10" cols="90" name="chat" id="chat" placeholder="" readonly></textarea><br>                <input type="text" size="110" name="chatinput" id="chatinput" placeholder="Type a message">   <input type="button" value="Send" name="subButton" onclick="chat()"></fieldset>

Edited June 28, 2015 by alpenwasser
added code tags :)

[Mo5]

onlick="chat()"> typo?

[Geralt]

onlick="chat()"> typo?

 

Doesn't make a difference if I correct it. It still doesn't append the input into the textarea.

[Nineshadow]

I use JQuery more often than simple JS.

[Geralt]

I use JQuery more often than simple JS.

 

Haven't learnt JQuery tho so I gotta stick to JS.

 

Anyway, I managed to get it working by copying a sample code from one of my lessons. But I now have a problem, when a user submits the input the first time, it shows, but when the user inputs a second time, it erases the first input and writes the second input. How do I code it such that the second input shows below the first input and so on with the future inputs?

[Nuluvius]

Haven't learnt JQuery tho so I gotta stick to JS.

 

Anyway, I managed to get it working by copying a sample code from one of my lessons. But I now have a problem, when a user submits the input the first time, it shows, but when the user inputs a second time, it erases the first input and writes the second input. How do I code it such that the second input shows below the first input and so on with the future inputs?

 

+=

[Geralt]

+=

 

THANK YOU!

 

My god, I've been trying to solve this for hours already!