gpt4 book ai didi

javascript - 更改为

文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己

转载 作者:行者123 更新时间:2023-11-30 18:13:21 25 4
gpt4 key购买 nike

这就是我的问题,(我知道这可能是一个非常简单的问题,但我是 JavaScript 的新手)。所以我有一个报价 list 。我需要一个脚本,每次用户单击窗口的任何部分时,它都会根据我想要的时间顺序更改报价。然后当报价完成时再次重新启动。所以让我说,一旦用户打开页面,我有一个带有 quote1 的段落,而不是用户点击任何地方,然后发生这种情况:同一段落得到 quote2。

最佳答案

很难给出具体的答案,因为您留下了很多悬而未决的问题。但是,从概念上讲,这里是步骤:

  1. 注册一个点击事件处理程序,以便在发生所需的点击时调用您的代码。
  2. 当您的点击处理程序被调用时,您需要获取 <p> 的 DOM 对象您要更改的标签。
  3. 然后,您需要获取下一条要显示的报价。据推测,您会将这些存储在一个数组中,并且您会保留当前显示的数组位置的索引,以便您可以获得下一个。如果您希望它适用于不同的页面加载,那么您需要将索引存储在 cookie 中,以便它持续到这台计算机上的其他页面加载。
  4. 获得 DOM 元素和引号后,只需设置 DOM 元素的 innerHTML 属性即可插入所需的引号。

如果您的 HTML 是这样的:

<p id="theQuote">This is the first quote</p>

并且,您希望单击此按钮来更改报价:

<button onclick="changeQuote()">Change Quote</button>

或者如果你想在页面的任何地方点击,你可以将它用于你的 body 标签:

<body onclick="changeQuote()">

然后,您可以使用以下代码:

var quoteIndex = 0;
var quotes = [
"First Quote",
"Second Quote",
"Third Quote"
];
function changeQuote() {
++quoteIndex;
if (quoteIndex >= quotes.length) {
quoteIndex = 0;
}
document.getElementById("theQuote").innerHTML = quotes[quoteIndex];
}

如果您确实希望通过点击页面中的任意位置来旋转引用(这似乎不太可能是正确的设计),那么您可以将点击处理程序分配给 body 标记。

关于javascript - 更改为 <p> 文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14017118/

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