Javascript document.getElementById_Javascript_Html_Textbox_Getelementbyid_Var

Javascript document.getElementById

javascript html

Javascript document.getElementById,javascript,html,textbox,getelementbyid,var,Javascript,Html,Textbox,Getelementbyid,Var,我不知道为什么这样不行，有人能告诉我为什么吗 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 = document.getElementById('mytext'); letterColors = [ red, orange, green, blue, pu

我不知道为什么这样不行，有人能告诉我为什么吗

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 = document.getElementById('mytext');
letterColors = [ red, orange, green, blue, purple ]
if(10 >  3) {
bubbleShape = "circle";
}

else {
    bubbleShape = "square";
}
drawName(myName, letterColors);
bounceBubbles()

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="alphabet.js"></script>
  </head>
  <body>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="bubbles.js"></script>
    <script type="text/javascript" src="main.js"></script>
<head>
  Name: <input type="text" name="mytext"><br>
</form>
</head>
<body>
</body>
</html>

var red=[010063]；
var orange=[40100,60]；
绿色变量=[7510040]；
var blue=[196,77,55]；
紫色变量=[280,50,60]；
var myName=document.getElementById（'mytext'）；
字母颜色=[红色、橙色、绿色、蓝色、紫色]
如果（10>3）{
bubbleShape=“圆圈”；
}
否则{
泡泡形状=“正方形”；
}
drawName（我的姓名、字母颜色）；
弹跳泡泡（）
名称：

我正在尝试将变量“myname”设置为用户在文本框中键入的内容。

您正在获取对元素的引用，但随后需要使用

值

属性来获取元素的值：

var myName = document.getElementById('mytext').value;

您需要使用

getElementById

方法设置元素的id以访问它：

<input type="text" name="mytext" id="mytext">

将ID属性设置为输入标记

<input type="text" id="mytext" name="mytext">

更改

<input type="text" name="mytext">

就像@Guffaa建议的那样。

mytext不是一个ID，而是一个名称属性。当您试图获取它时，该元素不可用！为什么要投否决票？如果你不解释什么是你认为是错误的，它不能改善答案。当我这样做时，没有提交按钮，我是否做错了什么。如何添加提交按钮？PS，我不是那个倒下的人voted@user3579132：代码中没有“提交”按钮，如果需要，必须为其添加代码，例如：

。事实上，有些事情是错的；你没有<代码> <代码>标签来启动表单，在正文标签的中间有一个<代码> <代码>和一个<代码> <代码>标签。当我这样做时，没有提交按钮，我做了什么错事。如何添加提交按钮？

<input type="text" name="mytext">

 <input type="text" name="mytext" id="mytext">

var myName = document.getElementById('mytext').value;