gpt4 book ai didi

javascript - 如何使用 JavaScript 创建字母表排序器?

转载 作者:行者123 更新时间:2023-12-02 17:04:03 25 4
gpt4 key购买 nike

我试图通过要求用户在提示框中输入文本来创建一个非常简单的字母排序器,该提示框放入一个数组中。然后,它将按字母顺序排列单词并输出它们。这是我到目前为止所拥有的:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset = "utf-8" />
<title>Alphabetizier</title>
</head>
<body>
<h1>Meico's Alphabetizer</h1>
<script>
var input = [prompt("Enter your words here")];
var alphabetize = input.sort();
var string = alphabetize.join();
console.log(string);
</script>
</body>
</html>

我似乎无法弄清楚我做错了什么。我暂时使用 console.log 并在浏览器上按 F12 查看结果。我不知道如何实际使用 HTML 来输出按字母顺序排列的单词。

最佳答案

在我看来,你真正的问题是如何进行 DOM 操作,这是......有点问题

我想我会保持简单。

首先,向 HTML 添加一个元素以包含这些单词。类似的东西

<p id="words"></p>

要通过 JavaScript 访问该元素,您将使用

var words = document.getElementById("words"); 

您的代码存在问题,因为 Array.sort() 不返回已排序的数组,而是就地排序。您应该通过删除 alphabetize 变量并仅使用 input 来解决此问题。

现在要实际将文本内容添加到段落中,您应该使用 Node.textContent 属性,如下所示:

words.textContent = input.join();

您可以在 mozilla devleper 网络上阅读有关 DOM 操作的更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

关于javascript - 如何使用 JavaScript 创建字母表排序器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25431775/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com