Use textarea input in JavaScript

Question

I'm trying to create a script that uses the input.

<textarea id="textareabox" name="textarea1" placeholder="Start here..."></textarea>

function hintbutton4() {
    document.getElementById("textareabox").innerHTML = 'ID=textareabox';
}

I've got this, but I don't know how to grab the text as input... How can I do it? What should I search for?

I want the input from the text area used in the script in the last part 'ID=textareabox'. That's all.

Like most form fields, there is no innerHTML on a textarea, just a value property. — Heretic Monkey
– Heretic Monkey, Commented Feb 24, 2017 at 22:09
If you're trying to change the text typed into textarea try: document.getElementById("textareabox").value = 'INPUT'; Also see here: w3schools.com/jsref/dom_obj_textarea.asp — Luke
– Luke, Commented Feb 24, 2017 at 22:13
Use this fiddle to know what you want... jsfiddle.net/shemdani/rwzx8j50/1 — spooky
– spooky, Commented Feb 24, 2017 at 22:32

Peter Mortensen · Accepted Answer · 2022-05-09 02:14:19Z

2

Here is a basic example using pure JavaScript.

Essentially, from what I understand, you are trying to populate a textarea with JavaScript as well as get the value.

Code Pen: http://codepen.io/anon/pen/mWyOMq

JavaScript

function getText() {
    var text = document.getElementById("textareabox").value;
    alert(text);
}

function setText() {
    var text = document.getElementById("textareabox").value = 'Hello, World!';

}

HTML

<div>
    <textarea id="textareabox" name="textarea1" placeholder="Start here..."></textarea>
    <input type="button" value="Get Text" onclick="getText()" />
    <input type="button" value="Set Text" onclick="setText()" />
</div>

edited May 9, 2022 at 2:14

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 24, 2017 at 22:22

mwilson

13.1k10 gold badges65 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use textarea input in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related