Results 1 to 4 of 4

Thread: JS Function to textarea

  1. #1
    Join Date
    Dec 2012

    JS Function to textarea

    Hi there everyone,

    So I want to start off by saying that I am not the greatest in Javascript, ahah. I am starting off with some of the basics and so forth, but came on to a problem that I seem to need help with.

    I am trying to get a function to write to a textarea. Below is what I am trying to get at:

    User Inputs Number > Presses Button > Writes to text area
    Inputs in input box > Button onclick to function > function takes number and puts it to textarea

    My code so far is below, but I am having troubles. I can get everything to show up in alert or document.write, but I have failed many times at getting it to write to a textarea.

    Please do not give me the entire code. I just need a simple few lines showing how to get my function to write to text area..Thats it. So without further bickering, heres what I have so far:

    <script type="text/javascript">
    	function calculate() {
    		var x = document.getElementById("one").value;
    	<input type="text" id="one" value="" size="1"/>
    	<button onclick="calculate()" >Caculate</button>
    	<label>Your Numbers</label>
    	<input type="text" id="two" value="" size="1"/>
    	<input type="text" id="" value="" size="1"/>
    	<textarea id="txt" readonly></textarea>
    I modified the code slightly, so if there are extra text boxes and stuff dont worry about that. Its simply the write to text area I need.

    I do thank anyone who can clarify the situation for me!

  2. #2
    Join Date
    Dec 2012
    You just need to select the text area and set the innerHTML property

    var txt = document.getElementById('txt');
    txt.innerHTML = x;

  3. #3
    Join Date
    Oct 2010
    Versailles, France
    A textaera object as to a value (See this w3scholls.com page).
    Then is to possible to write :
    document.getElementById('txt').value = x;

  4. #4
    Join Date
    Jul 2008
    urbana, il
    function calculate() {
    Create, Share, and Debug HTML pages and snippets with a cool new web app I helped create: pagedemos.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center