javascript input return

**dav991** · 07-20-2012, 12:35 PM

I need to have a textarea where i can write something. A button. Then another textarea for the answer to appear. For example if someone writes "Hello", they press the button and "Bonjour" appears in the other text area. But without the first textarea and submit button disappearing.

Thanks

**Philosophaie** · 07-20-2012, 02:28 PM

This may get you started:

<center><textarea name="data" cols="10" rows="50" maxlength="500"></textarea></center>
<br /><input name="Button1" type="button" value="button" />
<br />
<center><textarea name="previousdata" cols="10" rows="50" maxlength="500" readonly="readonly"></textarea></center>

**dav991** · 07-20-2012, 04:41 PM

I can do all that. At the moment i have

HTML Code:

<!DOCTYPE html>
<html>
<body>

    <textarea id="test" cols="20" name="S1" rows="2"></textarea>

<button onclick="myFunction()">Submit</button>


<script type="text/javascript">
    function myFunction() {
        var x = "";
        if (document.getElementById("test").innerHTML = "Hello") {
            document.write("<p>Bonjour</p>"); 
        }
        else {
            document.write("<p>Nothing Entered</p>");
        }
        
    }
</script>
    <textarea id="answer" cols="20" name="S2" rows="2"></textarea>
</body>
</html>

but when i input "Hello", instead of the whole thing appearing and "Bonjour", appearing. i want "Bonjour" to appear in the other textarea. I also still want to functionality to still be there multiple times.

**007Julien** · 07-20-2012, 06:25 PM

At first, document.getElementById("test").innerHTML = "Hello" is not a condition (==) but an assignment !

Then, document.write open a new document when the document is closed ! Use it only at the opening but never in a function !

**dav991** · 07-20-2012, 07:00 PM

so what would i do then?

**rtrethewey** · 07-20-2012, 07:22 PM

On a good day, all of these form elements would actually reside in a <form></form> block, so I added the "return false;" in case you ever implement this in a real form with an 'action' attribute. And I moved the <script> out of the <body> where you should usually insert such code unless it needs to be executed when the page is rendered.

In any case, try:

Code:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function myFunction() {
        var x = "";
        if (document.getElementById("test").innerHTML = "Hello") {
            document.getElementById("answer").innerHTML = "Bonjour"; 
        }
        else {
            document.getElementById("answer").innerHTML = "Nothing Entered";
        }
       return false;
    }
</script>
</head>
<body>

    <textarea id="test" cols="20" name="S1" rows="2"></textarea>
    <button onclick="return myFunction();">Submit</button>
    <textarea id="answer" cols="20" name="S2" rows="2"></textarea>
</body>
</html>

**Philosophaie** · 07-20-2012, 07:36 PM

Do not forget to save to the Textbox "answer"!

Code:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function myFunction() {
        var x = "";
        if (document.getElementById("test").innerHTML = "Hello") {
            document.getElementById("answer").innerHTML = "Bonjour"; 
        }
        else {
            document.getElementById("answer").innerHTML = "Nothing Entered";
        }
       return false;
    }
</script>
</head>
<body>

    <textarea id="test" cols="20" name="test" rows="2"></textarea>
    <button onclick="return myFunction();">Submit</button>
    <textarea id="answer" cols="20" name="answer" rows="2"></textarea>
</body>
</html>

**dav991** · 07-20-2012, 07:50 PM

this does not full work, if I just press the submit without typing anything into the boxes both "Bonjour" and "Hello" appears in their respective textareas.

**007Julien** · 07-21-2012, 04:40 AM

Obviously, your test line assign the value "Hello" to the "text" textarea. This non zero value is true and the value "Bonjour" is assigned to the second textarea !
Change the = sign with a == to compare the two value like this.

Code:

        if (document.getElementById("test").innerHTML == "Hello"){
        document.getElementById("answer").innerHTML = "Bonjour"; 
        }
        else {
            document.getElementById("answer").innerHTML = "Nothing Entered";
        }
}

**dav991** · 07-21-2012, 04:53 AM

At the moment i have

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function myFunction() {
        var x = "";
        if (document.getElementById("test").innerHTML == "Hello"){
        document.getElementById("answer").innerHTML = "Bonjour"; 
        }
        else {
            document.getElementById("answer").innerHTML = "Nothing Entered";
        }
}
        
</script>
</head>
<body>

    <textarea id="test" cols="20" name="test" rows="2"></textarea>
    <button onclick="return myFunction();">Submit</button>
    <textarea id="answer" cols="20" name="answer" rows="2"></textarea>
</body>
</html>

But when i press submit with "Hello" entered, the output is "Nothing Entered". Also i need this to work multiple times without refreshing the page. e.g. press submit without anything entered, "Nothing Entered" appears, then i type in "Hello", and press submit "Bonjour" appears in the other textarea. Thanks

**007Julien** · 07-21-2012, 05:26 AM

You have probably to take care with spaces, tabs or carriage returns in the textarea ! Then it could be better to remove all this characters before to make the test with something like this.

Code:

       var x =document.getElementById("test").value;
       y = x.replace(/(^\s|\s$)/g,'');
       if (y == "Hello") {
              // do something
       }
       else {
              // do other thing
       }

**dav991** · 07-21-2012, 05:37 AM

thanks thats got most of the problems sorted.

Thread: javascript input return

Thread Tools

Display

javascript input return

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions