Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to change text in textbox
    text
    copied!<p>Ok this is wheat I have so far. IF someone could help me out. I had to change the color of the background when you click on a button. And I also have to Use document.getElementById('yourelementid') to both find the value of the textarea and to change the basic text created in the div. But I don't know how to do that i have been researching online. I think i am getting a little confused about where to put things at in here thanks.</p> <p>Here is what I have so far....</p> <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http:www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;DOM&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /&gt; &lt;script language="JavaScript"&gt; &lt;!-- Begin function newbg(thecolor) { document.bgColor=thecolor; } // End --&gt; &lt;/script&gt; &lt;body&gt; &lt;h3&gt;DOM Assignment Examples&lt;/h3&gt; &lt;div&gt; &lt;form&gt; &lt;h4&gt;Change background color to:&lt;/h4&gt; &lt;input type="radio" value="White" onclick="newbg('white');"&gt;white&lt;br/&gt; &lt;input type="radio" value="Blue" onclick="newbg('blue');"&gt;Blue&lt;br /&gt; &lt;input type="radio" value="Beige" onclick="newbg('Beige');"&gt;Beige&lt;br /&gt; &lt;input type="radio" value="Yellow" onclick="newbg('yellow');"&gt;Yellow&lt;br /&gt; &lt;/form&gt; &lt;/div&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; &lt;h4&gt;add text to this box change the text below:&lt;/h4&gt; &lt;TEXTAREA NAME="" ROWS="10" COLS="40" onBlur="blurHandlerRouting"&gt; You will change this text &lt;/TEXTAREA&gt; &lt;br /&gt; &lt;INPUT TYPE="button" NAME="button" Value="Click" onClick="testResults(this.form)"&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload