Question

183

javascript getting my textbox to display a variable

rated 0 times [ 184] [ 1] / answers: 1 / hits: 136319 / 11 Years ago, fri, october 25, 2013, 12:00:00

So I have some basic code in html here, i just have two textbox which u can type numbers in and when you click the button, it adds em both up, and in a perfect world, it would display the answer in that third textbox.

<html>

<head>

</head>

<script type="text/javascript">

    function myfunction()

    {

        var first = document.getElementById("textbox1").value;

        var second = document.getElementById("textbox2").value;

        var answer = +first + +second;

        var textbox3 = answer;

    }

</script>

<body>

    <input type="text" name="textbox1" id="textbox1" />

    +

    <input type="text" name="textbox2" id="textbox2" />

    <input type="submit" name="button" id="button1" onclick="myfunction()" value="=" />

    

    <input type="text" name="textbox3" id="textbox3" readonly="true"/>

    <br />

    Your answer is: --

</body>

</html>

however, i can't get the answer to display in that textbox3. Does anyone know how to assign a value to that third textbox from a variable?

also, as an added bonus, if anyone knows a way to also make the last line "Your answer is: --" display the answer as well, that would be amazing.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kiley

Add To Favorites

Follow

Total Points: 733

Total Questions: 118

Total Answers: 94

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

kiley questions

1 How to add a simple popup in REACT?

Wed, Apr 13, 22, 00:00, 2 Years ago

1 React-Native flatlist VirtualizedLists should never be nested inside plain ScrollViews

Tue, Jun 15, 21, 00:00, 3 Years ago

1 Vue.js 3 - Why is importing vue-router not working in this case?

Mon, Dec 7, 20, 00:00, 4 Years ago

1 How do I return a file-stream from buffer?

Fri, May 22, 20, 00:00, 4 Years ago

1 How to avoid multiple token refresh requests when making simultaneous API requests with an expired token

Thu, Mar 19, 20, 00:00, 4 Years ago

View All

answered 11 Years ago jackeline · Accepted Answer

function myfunction() {

  var first = document.getElementById(textbox1).value;

  var second = document.getElementById(textbox2).value;

  var answer = parseFloat(first) + parseFloat(second);



  var textbox3 = document.getElementById('textbox3');

  textbox3.value = answer;

}

<input type=text name=textbox1 id=textbox1 /> + <input type=text name=textbox2 id=textbox2 />

<input type=submit name=button id=button1 onclick=myfunction() value== />

<br/> Your answer is:--

<input type=text name=textbox3 id=textbox3 readonly=true />