Javascript 函数toLowerCase-breaked

toLowerCase（）函数存在一些问题。我需要编辑文本区域中的文本。我的基本颜色更改功能使用户可以在文本区域中输入颜色。它使用if语句，在我添加toLowerCase（）之前工作正常

我的HTML

<script type="text/javascript" src="file.js">
</script>
<form name="formOne">
<textarea rows="5" cols="45" id="textArea" name="textArea">
</textarea>
</form>

<form name="formTwo">
Colour:<input type="text" name="textBox" value="red, blue, green or yellow.">

颜色：

---

有什么想法吗？

使用错误控制台，我发现这是一个语法错误。表单标记不应被赋予名称属性

试试这个：

function colourChange( theForm ) 
{
  var color =
  {
    red : "red", 
    blue  : "blue",
    green : "green",
    yellow : "yellow"

  }[ theForm["textBox"].value.toLowerCase() ];

  color ?  document.getElementById( 'formOne').textArea.style.color = color 
        :  alert("Please enter red, blue, green or yellow");

  return false;  
}

</script>

函数颜色更改（格式）
{
变色=
{
红色：“红色”，
蓝色：“蓝色”，
绿色：“绿色”，
黄色：“黄色”
}[theForm[“textBox”].value.toLowerCase（）]；
颜色？document.getElementById（'formOne'）。textArea.style.color=color
：警报（“请输入红色、蓝色、绿色或黄色”）；
返回false；
}

上面有一个三元语句，然后它对一个对象使用关联查找。
HTML

正文
颜色：
变色

最后，代码中有2个表单标签，请删除其中一个

---

希望这对使用错误控制台有所帮助，我发现这是一个语法错误。表单标记不应被赋予名称属性

试试这个：

function colourChange( theForm ) 
{
  var color =
  {
    red : "red", 
    blue  : "blue",
    green : "green",
    yellow : "yellow"

  }[ theForm["textBox"].value.toLowerCase() ];

  color ?  document.getElementById( 'formOne').textArea.style.color = color 
        :  alert("Please enter red, blue, green or yellow");

  return false;  
}

</script>

函数颜色更改（格式）
{
变色=
{
红色：“红色”，
蓝色：“蓝色”，
绿色：“绿色”，
黄色：“黄色”
}[theForm[“textBox”].value.toLowerCase（）]；
颜色？document.getElementById（'formOne'）。textArea.style.color=color
：警报（“请输入红色、蓝色、绿色或黄色”）；
返回false；
}

上面有一个三元语句，然后它对一个对象使用关联查找。
HTML

正文
颜色：
变色

最后，代码中有2个表单标签，请删除其中一个

---

希望这对我有所帮助这就是我要做的：

HTML：

<form>
    <textarea rows="5" cols="45" name="textArea"></textarea>
</form>

<form>
    Colour:<input type="text" name="textBox" value="red, blue, green or yellow.">
</form>

---

可以使用名称本身在JavaScript中直接访问命名字段。

这就是我要做的：

HTML：

<form>
    <textarea rows="5" cols="45" name="textArea"></textarea>
</form>

<form>
    Colour:<input type="text" name="textBox" value="red, blue, green or yellow.">
</form>

---

可以使用名称本身在JavaScript中直接访问命名字段。

通过“断开”您的代码做什么？你试过调试它吗？什么时候调用

colorchange

？通过“断开”你的代码做什么？你试过调试它吗？什么时候调用

colorchange

？

function colorChange() {
    var color = textBox.value.toLowerCase();

    switch (color) {
    case "red":
    case "blue":
    case "green":
    case "yellow":
        textArea.style.color = color;
        break;
    default:
        alert("Please enter either red, blue, green or yellow.");
    }
}