Addition and Multiplication help

Addition and Multiplication help

Hello all,

Currently this script is outputting the exact mathematical calculations I need it to perform. Can someone show me how to change these from simply outputting formulas to actually executing them?

Current example output: "Values added together and multiplied by the variable: 4 + 6 X 5"
Desired output:  "Values added together and multiplied by the variable: 50"

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7. <script src="jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
  8. <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.22.custom.css">
  9. <script>
  10. $(function() {
  12. var valueMultiplier = '5';
  14. $( "#slider" ).slider({
  15. value:1,
  16. min: 1,
  17. max: 12,
  18. step: 1,
  19. slide: function( event, ui ) {
  20. if(ui.value > 1){
  21. $( "#amount" ).val( + ui.value );
  22. $( "#amountthree" ).val($("#amount").val() + " + " + $("#amounttwo").val() + "");
  23. $( "#amountfour" ).val($("#amount").val() + " + " + $("#amounttwo").val() + " X " + valueMultiplier);
  24. }else{
  25. $( "#amount" ).val( + ui.value + " month" );
  26. $( "#amountthree" ).val($("#amount").val() + " + " + $("#amounttwo").val() + "");
  27. $( "#amountfour" ).val($("#amount").val() + " + " + $("#amounttwo").val() + " X " + valueMultiplier);
  28. }
  29. }
  30. });
  31. $( "#amount" ).val($( "#slider" ).slider( "value" ));
  32. $( "#slidertwo" ).slider({
  33. value:1,
  34. min: 3,
  35. max:36,
  36. step: 3,
  37. slide: function( event, ui ) {
  38. if(ui.value > 1){
  39. $( "#amounttwo" ).val( + ui.value);
  40. //$( "#amountthree" ).val( + ui.value + PREVIOUS SLIDER UI VALUE HERE + " months" );
  41. $( "#amountthree" ).val($("#amount").val() + " + " + $("#amounttwo").val() + "");
  42. $( "#amountfour" ).val($("#amount").val() + " + " + $("#amounttwo").val() + " X " + valueMultiplier);
  43. }else{
  44. $( "#amounttwo" ).val( + ui.value + " month" );
  45. $( "#amountthree" ).val($("#amount").val() + " + " + $("#amounttwo").val() + "");
  46. $( "#amountfour" ).val($("#amount").val() + " + " + $("#amounttwo").val() + " X " + valueMultiplier);
  47. }
  48. }
  49. });
  50. $( "#amounttwo" ).val($( "#slidertwo" ).slider( "value" ));
  51. $( "#amountthree" ).val($( "#slidertwo" ).slider( "value" ) + $( "#slider").slider( "value" ));
  52. $( "#amountfour" ).val($( "#slidertwo" ).slider( "value" ) + $( "#slider").slider( "value" ) + " X " + valueMultiplier);
  54. });
  55. </script>
  56. </head>

  58. <body>
  59. <p>
  60. <label for="amount">Value One?:</label>
  61. <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
  63. </p>

  65. <div id="slider"></div>

  67. <p>
  68. <label for="amounttwo">Value Two?:</label>
  69. <input type="text" id="amounttwo" style="border:0; color:#f6931f; font-weight:bold;" />
  70. </p>
  71. <div id="slidertwo"></div>

  73. <p class="holder">Values added together: <input type="text" id="amountthree" style="border:0; color:#f6931f; font-weight:bold;" /> </p>
  74. <p class="holder">Values added together and multiplied by the variable: <input type="text" id="amountfour" style="border:0; color:#f6931f; font-weight:bold;" /> </p>
  75. </body>
  76. </html>