html - I have this simple form that I want to input in data to a javascript -
this first time working javascript , looking submit name , go javascript , display name.
this have now. name go in var myname getting submitted , grabbed "name =form.name.value"
<!doctype html> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> </head> <body> <canvas id="mycanvas" height="500" width="1000"></canvas> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> <script language="javascript"> function mynamesubmit(form) { var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100, 40]; var blue = [196, 77, 55]; var purple = [280, 50, 60]; name = from.name.value; var myname = name; var lettercolors = [red, orange, green, blue, red, green, purple]; if (6 < 4) { bubbleshape = "circle"; } else { bubbleshape = "square"; } drawname(myname, lettercolors); bouncebubbles() } </script> <form id="my-form" action="" method="get"> <h2>enter name , move cusror on name. try other names , see happens.</h2> <input type="text" name="name" placeholder="enter name" value=" " id="name" /> <button name="button1" onclick "mynamesubmit(this.form)">go</button> </form> </body> </html>any great. in advance.
edit: 20150512 want when put name in form display on mycanvas. can not find way can have input changes javascript. coding, if put displays name fine, there no way can change because written in code.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!doctype html> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> </head> <body> <canvas id="mycanvas" height="500" width="1000"></canvas> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> <script language="javascript"> var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100, 40]; var blue = [196, 77, 55]; var purple = [280, 50, 60]; var myname = "gunner1714"; var lettercolors = [red, orange, green, blue, red, green, purple]; if (6 < 4) { bubbleshape = "circle"; } else { bubbleshape = "square"; } drawname(myname, lettercolors); bouncebubbles() </script> <form id="my-form" action="" method="get"> <h2>enter name , move cusror on name. try other names , see happens.</h2> <input type="text" name="name" placeholder="enter name" value=" " id="name" /> <button name="button1" onclick "mynamesubmit(this.form)">go</button> </form> </body> </html>
i answered own question prompt. when go page ask age. everyone.
var red = [0, 100, 63]; var orange = [40, 100, 60]; var green = [75, 100, 40]; var blue = [196, 77, 55]; var purple = [280, 50, 60]; var myname = prompt("what name") ; var lettercolors = [red, orange, green, blue, red, green, purple]; if("myname".length <= 8) { bubbleshape = "circle"; } else { bubbleshape = "square"; } drawname(myname, lettercolors); bouncebubbles()
Comments
Post a Comment