Question

这是我第一次使用javascript，我想要做的是提交你的名字，然后转到javascript并显示你的名字。

这就是我现在所拥有的。名称将包含在＆＃34; name = form.name.value＆＃34;

中提交和抓取的var myName中

＆＃13;

<!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 Your name and move your cusror over your name. Try other names and see what 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>

＆＃13;

任何帮助都会很棒。提前致谢。

编辑：20150512 我想要的是当你把你的名字放在myCanvas上显示的形式时。我找不到可以改变javascript的输入方式。使用我的编码，如果我这样说它显示我的名字很好，但我无法改变它，因为它写在代码中。

<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 Your name and move your cusror over your name. Try other names and see what 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>

Answer 1

我提示回答了我自己的问题。当你去页面时它会问你的年龄。谢谢大家。

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 is your Name") ;
    var letterColors = [red, orange, green, blue, red, green, purple];
    if("myName".length <= 8) {
        bubbleShape = "circle";
    }
    else {
        bubbleShape = "square";
    }
    drawName(myName, letterColors);
    bounceBubbles()

我有这个简单的表单，我想将数据输入到javascript

1 个答案: