www.webdeveloper.com
Results 1 to 4 of 4

Thread: JS Function to textarea

  1. #1
    Join Date
    Dec 2012
    Posts
    1

    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:

    Code:
    <html>
    <head>
    <script type="text/javascript">
    
    	
    
    
    	function calculate() {
    		var x = document.getElementById("one").value;
    		alert(x);
    		}
    
    	
    </script>
    </head>
    <body>
    	<center>
    	<label>Numbers</label>
    	</br>
    	<input type="text" id="one" value="" size="1"/>
    	</br>
    	<button onclick="calculate()" >Caculate</button>
    	</br>
    	<label>Your Numbers</label>
    	</br>
    	<input type="text" id="two" value="" size="1"/>
    	</br>
    	<input type="text" id="" value="" size="1"/>
    	</br>
    	<textarea id="txt" readonly></textarea>
    	</center>
    </body>
    </html>
    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
    Posts
    98
    You just need to select the text area and set the innerHTML property

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

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

  4. #4
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    function calculate() {
    txt.value=one.value;
    }

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



Recent Articles