Question

好的，所以我把所有这些都用到了我的toLowerCase之外。它不起作用，如果它区分大小写，它将不会拆分。我正在使用下拉框来选择我的分隔符。

已发布js代码以帮助您指出问题。我仔细检查了它，但我认为它需要一双新的眼睛。

window.onload = function()  { 
document.getElementById("change").onclick = function () {
var paragraph = document.getElementById('box').value;
var x = document.getElementById("changeCase");
var getInfo = document.getElementById('ParaWrite');
var LowerCase = " ";
var LowerCase2 = " ";
var splitAT = " ";
var options = document.getElementById("split").value;
alert("above the for loop");

if (x.checked === true)
{
    LowerCase = paragraph.toLowerCase();
} 
else 
{
    LowerCase = paragraph;
}

for (var i = 0; i < document.form1.split.options.length; i++)
{
    if (document.form1.split.options[i].selected === true)
    {
        splitAT = paragraph.split(options);
        alert("splitAT[" + i + "]=" + splitAT[i]);

    }
}
console.log(document.form1.split.options);
document.write(splitAT +" " +splitAT.length);
}

HTML代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>Paragraph</title>

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="Textbox.css">

</head>

<body>
<h1>Please enter some Text</h1>
<form name="form1" id="form1">

<textarea type="text" id="box" value=""/></textarea>
<label for="write">Case Sensitive checkbox</label>
<input type='checkbox' name='write' id='changeCase' value='Check'/><br>

<input  type='button' value="Count" id="change"/>
<select name="split" id="split">
        <option value="like">like</option>
        <option value="monkey">monkey</option>
        <option value="I">I</option>
        <option value=".">.</option>
        <option value=",">,</option>
        <option value="?">?</option>
        <option value=" ">[Space]</option>
    </select>    
</form>
<div id="ParaWrite">
</div>
<script type="text/javascript" src="die.js"></script>
</body>
</html>

Answer 1

我会尝试

If (x.checked)

避免=== true，以防它不是纯布尔

或检查值

Answer 2

一些意见：

> <!doctype html>

字符串"doctype" 必须为大写才能产生预期效果：

<!DOCTYPE html>

> <form name="form1" id="form1">

如果表单有ID，则不需要名称。您可以使用forms集合访问表单（就像您在一个地方一样）：

var theForm = document.forms.form1;

然后将所有表单控件作为表单的命名属性进行访问。

> <textarea type="text" id="box" value=""/></textarea>

Textarea元素没有type或value属性，它们的值是它们的内容。对于必须具有结束标记的元素，不能使用SHORTAG语法，如果DOCTYPE是HTML，则不要将它们用于不具有内容的元素。此外，表单控件必须具有成功的名称。如果他们有名字并且在表格中，他们不需要ID：

<textarea type="text" name="box" value=""></textarea>

你在哪里：

> <input type='checkbox' name='write' id='changeCase' value='Check'>

使用具有name和id属性的不同值的表单控件不是一个好主意。最好只使用一个名称（并且不要在HTML文档中使用XML语法）：

<input type='checkbox' name='write' value='Check'>

此外：

> document.write(splitAT +" " +splitAT.length);

这将删除整个文档（包括所有头部和脚本内容）并将其替换为document.write的参数。你真的想这样做吗？

您的代码还有许多其他问题，也许您应该只说出您希望它做什么，然后您可能会获得更多帮助。

修改

工作代码：

<script>
  window.onload = function()  { 
    var form = document.forms.form1;

    form.change.onclick = function () {
      var paragraph = form.box.value;
      var getInfo = document.getElementById('ParaWrite');
      var splitAt = form.split.value;

      if (form.write.checked) {
         paragraph = paragraph.toLowerCase();
      }

      getInfo.innerHTML = paragraph.split(splitAt) + '<br>' +
                          paragraph.split(splitAt).length;
    }
  }
</script>

<form name="form1">
  <textarea name="box"></textarea>
  <label for="write">Make lower case</label>
  <input type='checkbox' name='write' id="write" value='Check'><br>
  <input  type='button' value="Count" name="change">
  <select name="split">
        <option value="like">like</option>
        <option value="monkey">monkey</option>
        <option value="I">I</option>
        <option value=".">.</option>
        <option value=",">,</option>
        <option value="?">?</option>
        <option value=" ">[Space]</option>
  </select>    
</form>
<div id="ParaWrite"></div>

ToLowerCase if语句不起作用？

2 个答案:

修改