Javascript 转换为小写、大写，然后将字符串拆分为自己的行_Javascript_Split_Uppercase_Lowercase

Javascript 转换为小写、大写，然后将字符串拆分为自己的行

javascript

Javascript 转换为小写、大写，然后将字符串拆分为自己的行,javascript,split,uppercase,lowercase,Javascript,Split,Uppercase,Lowercase,我正试图更好地掌握这一点，并且一直在玩弄琴弦。我试图做的是将用户输入收集为字符串，并对其进行操作，这样当我显示文本时，他们所写的内容将首先以所有小写字母显示，然后以所有大写字母显示，然后将所有文本划分为自己的行因此，如果我输入，输出将如下：这是一个示例这是一个例子这是一个例子这个是一个范例我觉得这应该比看起来容易得多，但到目前为止，我正在尝试使用全小写字母，但到目前为止还无法实现（以及其他两个部分）。我想如果我把小写字母写对了，我就对大写字母重复同样的内容，并将其拆分 &

我正试图更好地掌握这一点，并且一直在玩弄琴弦。我试图做的是将用户输入收集为字符串，并对其进行操作，这样当我显示文本时，他们所写的内容将首先以所有小写字母显示，然后以所有大写字母显示，然后将所有文本划分为自己的行

因此，如果我输入，输出将如下：这是一个示例

这是一个例子

这个

是

一个

范例

我觉得这应该比看起来容易得多，但到目前为止，我正在尝试使用全小写字母，但到目前为止还无法实现（以及其他两个部分）。我想如果我把小写字母写对了，我就对大写字母重复同样的内容，并将其拆分

    <button onclick="myFunction()">Try it</button>

<p id="test"></p>

<script>
function myFunction() {
    var person = prompt("Please enter a phrase");
    if (person != null) {
        document.getElementById("test").innerHTML =
        test.toLowerCase;
        document.getElementById("test").innerHTML =
        test.toUpperCase;
        document.getElementById("test").innerHTML =
        test.split("\n");
    }
}
</script>

试试看

函数myFunction（）{
var person=提示（“请输入短语”）；
if（person！=null）{
document.getElementById（“test”）.innerHTML=
test.toLowerCase；
document.getElementById（“test”）.innerHTML=
测试用例；
document.getElementById（“test”）.innerHTML=
测试。拆分（“\n”）；
}
}

以上是我目前正在玩的，当我点击按钮测试它时，我没有定义。有人能帮我编辑一下吗

使用

（）

您的变量是

person

而不是

test

您想在

空间上拆分

而不是

\n

您希望添加到测试innerHTML，而不是每次都替换它

要在HTML中获取换行符，请使用

标记

我选择了只分配一次innerHTML的代码，因为这比一次添加一点更有效——当然，对于这样一个简单的示例，没有明显的区别，但是我想我应该提到为什么我选择使用这种奇怪的方法

函数myFunction（）{
var person=提示（“请输入短语”）；
if（person！=null）{
document.getElementById（“测试”）.innerHTML=[
person.toLowerCase（），
person.toUpperCase（），
person.split（“”）join（“
”）
].加入（“
”）；
}
}

试试看

使用

（）

您的变量是

person

而不是

test

您想在

空间上拆分

而不是

\n

您希望添加到测试innerHTML，而不是每次都替换它

要在HTML中获取换行符，请使用

标记

函数myFunction（）{
var person=提示（“请输入短语”）；
if（person！=null）{
document.getElementById（“测试”）.innerHTML=[
person.toLowerCase（），
person.toUpperCase（），
person.split（“”）join（“
”）
].加入（“
”）；
}
}

试试看

您可能希望首先将字符串拆分为单词，然后使用带有

标记的join（）函数将其呈现为多行单词

function myFunction() {
    var person = prompt("Please enter a phrase");
        if (person != null) {
            document.getElementById("test").innerHTML +=
        person.toLowerCase() + "<br />";
        document.getElementById("test").innerHTML +=
        person.toUpperCase() + "<br />";
        document.getElementById("test").innerHTML +=
        person.split(' ').join('<br />');
    }
}

函数myFunction（）{
var person=提示（“请输入短语”）；
if（person！=null）{
document.getElementById（“test”）.innerHTML+=
person.toLowerCase（）+“
”；
document.getElementById（“test”）.innerHTML+=
person.toUpperCase（）+“
”；
document.getElementById（“test”）.innerHTML+=
person.split（“”）.join（“
”）；
}
}

您可能需要先将字符串拆分为单词，然后使用带有

标记的join（）函数将其呈现为多行单词

function myFunction() {
    var person = prompt("Please enter a phrase");
        if (person != null) {
            document.getElementById("test").innerHTML +=
        person.toLowerCase() + "<br />";
        document.getElementById("test").innerHTML +=
        person.toUpperCase() + "<br />";
        document.getElementById("test").innerHTML +=
        person.split(' ').join('<br />');
    }
}

函数myFunction（）{
var person=提示（“请输入短语”）；
if（person！=null）{
document.getElementById（“test”）.innerHTML+=
person.toLowerCase（）+“
”；
document.getElementById（“test”）.innerHTML+=
person.toUpperCase（）+“
”；
document.getElementById（“test”）.innerHTML+=
person.split（“”）.join（“
”）；
}
}

toLowerCase等是函数。。。。所以你需要

（）

-另外，它们会返回一个新字符串，所以你需要说

something=x.toLowerCase（）

（哦，你确实这样做了，你无缘无故地拆分了这行代码，以降低代码的可读性）。另外，你有三个赋值给同一个东西-只显示最后一个赋值-最后，

test

将是具有该ID的

元素。。。因此，不是字符串，因此没有toLowerCase etc方法如果在

\n

上拆分，将无法将空格转换为

\n

。。。我认为您需要学习一些javascript基础。请注意，除非您有意插入HTML标记，否则通常将其指定给

。textContent

会更好、更安全。toLowerCase等都是函数。。。。所以你需要

（）