[html][javascript] Get Result from Function and Output

schivmeister · 2009-10-26 15:56:07

<html>
  <head>
    <title>StupidEvaluation</title>
    <script type="text/javascript">
      <!--
      var myresult = "";

      function EvalInput(input) {
        var result = eval(input);
        myresult = result;
        alert(result);
      }
      // -->
    </script>
  </head>
  <body>
    <center>
      <form name="calcform">

        <input name="calcbox" type=text><br>

        <!-- Run function -->
        <input name="calcbtn" type=button value="Calculate!"
         onclick="EvalInput(calcform.calcbox.value);">

        <input name="calcdel" type=reset value="Erase"><br>

        <!-- Get result from function somehow and display somewhere -->
        <script type="text/javascript">
          document.write(myresult);
        </script>

      </form>
    </center>
  </body>
</html>
<!-- vim:set ts=2 sw=2 et: -->

I'm facing two problems with this:

1) I can't seem to figure out how one would actually print a result produced by a function from an onclick event, instead of using some popup function like alert().

2) It appears impossible to get the Return/Enter key to act like a click. I've tried both submit and manually matching the keycode but these actually clear the input box after the function has finished running - I don't want that.

litemotiv · 2009-10-26 19:52:54

try something like this, it should cover both questions:

<html>

<input type="text" id="myText">
<input type="button" id="myButton" value="Pressme!">

<div id="status"></div>

<script type="text/javascript">

myButton.onkeypress = function(e) {
    myText.value = e.keyCode;
    document.getElementById('status').innerHTML = 'Succes!';
}
</script>
</html>

N30N · 2009-10-27 22:55:36

schivmeister wrote:

1) I can't seem to figure out how one would actually print a result produced by a function from an onclick event, instead of using some popup function like alert().

You should use the DOM.

schivmeister wrote:

2) It appears impossible to get the Return/Enter key to act like a click. I've tried both submit and manually matching the keycode but these actually clear the input box after the function has finished running - I don't want that.

Your "Calculate!" button should be of type="submit" and then preform the calculation on the form's "submit" event.

schivmeister · 2009-11-05 13:05:55

Hey thanks guys..I've gone on to do it all from scratch, I'm trying to see what's possible and maybe I'll dive into MathML =p

N30N: That's exactly what I tried and didn't like, because it cleared the input upon submit.

N30N · 2009-11-05 19:20:33

schivmeister wrote:

N30N: That's exactly what I tried and didn't like, because it cleared the input upon submit.

Call the preventDefault event method (and also set the returnValue property to false if your supporting IE's non standardness) to stop that.

schivmeister · 2009-11-05 19:29:09

You are one awesome archer

Arch Linux

#1 2009-10-26 15:56:07

[html][javascript] Get Result from Function and Output

#2 2009-10-26 19:52:54

Re: [html][javascript] Get Result from Function and Output

#3 2009-10-27 22:55:36

Re: [html][javascript] Get Result from Function and Output

#4 2009-11-05 13:05:55

Re: [html][javascript] Get Result from Function and Output

#5 2009-11-05 19:20:33

Re: [html][javascript] Get Result from Function and Output

#6 2009-11-05 19:29:09

Re: [html][javascript] Get Result from Function and Output

Board footer