Home/ Questions/Q 6599509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T18:30:01+00:00

Amount <script type=text/javascript> <!– function interestVal() { var x = document.Amounts.valOfCar.value; var y =

  • 0

Amount 

    <script type="text/javascript">
        <!--
         function interestVal() 
            {
                var x = document.Amounts.valOfCar.value;
                var y = document.Amounts.interestofCar.value;
                var z = x+y;
                document.Amounts.carInterest.value=z;
            }
        -->
    </script>


</head>
<body background="bg.jpg">
        <p>Calculate the cost of your car</p> 
        <form name = Amounts> 
            <p>Value of a car <input type="text"  value="" name=valOfCar></p>
            <p>Interest @15% <input type="text" value="" name=interestofCar></p>
            <p>Value + Interest<input type="text" name=carInterest></p>
            <p><input type=submit value=Calculate onClick=interestVal()></p>
        </form>
</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here you go. I was able to reproduce your problem by just copying your code and running it. This code will run. The principal change I made, which I believe was the source of the problem, was altering from an input of type submit to a button. As a submit, it was doing a postback, which caused the contents of the controls to disappear. Using a button avoids the postback.

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <script type="text/javascript">
        <!--
     function interestVal() {
         var x = document.Amounts.valOfCar.value;
         var y = document.Amounts.interestofCar.value;
         var z = x * y;
         document.Amounts.carInterest.value = z;
     }
        -->
    </script>


</head>
<body background="bg.jpg">
        <p>Calculate the cost of your car</p> 
        <form name = "Amounts"> 
            <p>Value of a car <input type="text"   name="valOfCar" /></p>
            <p>Interest @15% <input type="text"  name="interestofCar" /></p>
            <p>Value + Interest<input type="text" name="carInterest" /></p>
            <p><button type="button" onclick="interestVal();" >Calculate</button></p>
        </form>
</body>
</html>

    Another potential problem is that by summing x and y, you get their concatenated result, which is probably not what you want. I have changed that to multiplying x times y.

    Finally, I have enclosed many of the attribute values in quotes and made the inputs self-closing by ending the with /> instead of >.

    • 0