个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
27
4
首先，我对此很陌生，如果我说了一些愚蠢的话，请提前道歉。
这个想法很简单:假设我有一个带有一堆按钮的网站。用户单击一些按钮，在它们下面会出现一些文本。如果用户点击了错误的按钮，文本就会消失，取而代之的是另一个文本。
我可以使用带有 POST 和某些表单的 PHP 来完成此操作，但它会重新加载整个页面，这是我不喜欢的。如果在提交后刷新页面，我会收到烦人的消息“您正在查找的页面使用了您输入的信息。返回那个法师可能会导致您重复执行任何操作。”，我想返回刷新后的默认文本，没有任何消息。
为了简单明了，我将举一个例子:假设我的网站上有 6 个按钮，分别命名为 1、2、3、4、5 和 6，下方的文本将列出最后点击的 3 个按钮:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<button type="button">1</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button">5</button>
<button type="button">6</button>
<br/>
<p>Last 3 buttons clicked: none</p>
</body>
</html>
假设用户单击按钮 1、2 和 3，然后文本变为“最后单击的 3 个按钮:1、2、3”，在用户再次单击 3 之后文本变为“单击的最后 3 个按钮:2、3” , 3".
如果在单击特定的 3 个按钮后所有按钮都消失并且“胜利!”，那就更好了。将显示文本而不是它们。
类似于门锁密码。
那么，有人可以给我一个例子，说明如何获得我想要的结果吗？
最佳答案
您可以使用数组 push()和 shift()分别在数组末尾添加一个元素和删除第一个元素。
因此，您可以通过处理大小为 <= 的数组来跟踪推送的元素3.
此片段的正确代码是 4 3 2 .
// add event listeners
var buttons = document.getElementsByTagName('button');
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function() {
digicode(this);
});
}
// the array holding last 3 codes
var codes = [];
// handling the array
var digicode = function(element) {
codes.push(parseInt(element.innerHTML));
if (codes.length > 3) codes.shift();
var codes_tmp = "";
for (var i = 0; i < codes.length; i++) {
codes_tmp += codes[i] + " ";
}
document.getElementById("clicked").innerHTML = codes_tmp;
// handling "victory"
if (codes[0] !== undefined && codes[0] == 4 &&
codes[1] !== undefined && codes[1] == 3 &&
codes[2] !== undefined && codes[2] == 2) {
document.body.innerHTML = "";
alert("Victory!");
}
console.log(codes);
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<button type="button">1</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button">5</button>
<button type="button">6</button>
<br/>
<p>Last 3 buttons clicked: <span id="clicked">none</span>
</p>
</body>
</html>关于javascript - 单击几个按钮后动态网站更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36976994/
27
4
0
所以我有这个 javascript 片段，它有两个按钮可以进入全屏，一个按钮可以退出全屏。我想做到这一点，如果我不在全屏模式下，按钮会显示转到全屏模式，而当我处于全屏模式时，按钮会显示退出全屏模式..
我在自定义控件中添加了一个新属性作为可扩展属性，例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后，我在属性网格中看到一个省略号 (…) 按钮，如字体属性的“…”按钮
我在自定义控件中添加了一个新属性作为可扩展属性，例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后，我在属性网格中看到一个省略号 (…) 按钮，如字体属性的“…”按钮
我尝试将 Twitter 上的“Tweet Me”按钮 ( http://twitter.com/goodies/tweetbutton ) 添加到我的网站。然而，每当按下按钮时，我都会收到此 Jav
我试图在我的文本区域中获取一个按钮值，如果我使用 则工作正常但如果我使用那么它就不起作用了。你能找出问题所在吗？ HTML 1 2 3 4 JavaScript $(document).read
我的 C# Winform 面板中有一堆文本框。每行文本框的命名如下: tb1 tbNickName1 comboBox1 tb2 tbNickName2 comboBox2 tb3 tbNickNa
我有一个表单，其中过滤器下方有按钮(应用过滤器和清除过滤器)，我试图在单击“应用”按钮时显示“清除”，并在单击“清除”按钮时隐藏“清除”按钮。 下面的代码(如果我的表有的话):
excel 按钮正在工作，但是当我添加 pdf 按钮时，它添加仅显示 pdf 按钮 excel 按钮在 pdf 按钮添加后隐藏 $(document).ready(function() { $
我想创建一个 div 作为标题并分成 3 列，并按以下顺序在其中放置 2 个按钮和一个标题:Button1(左位) Title(居中) Button2(右位) 这是我为这个 div 编写的代码:
仅当选中所有框时才应禁用“允许”按钮。我该怎么做？我已经完成了 HTML 部分，如下所示。如何执行其中的逻辑部分？即使未选中一个复选框，也应禁用“允许”按钮
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。 已关
如您所知，您可以使用 2 种方法在 HTML5 中呈现按钮: 使用 void 元素 或 如果您需要内容，请使用 元素(不是空元素)。 在JSF2中，有2种方式生成按钮；与UICommand或 UIOu
我尝试根据表单元素的更改禁用/启用保存按钮。但是，当通过弹出按钮选择更改隐藏输入字段值时，保存按钮不受影响。 下面是我的代码。我正在尝试序列化旧的表单值并与更改后的表单值进行比较。但我猜隐藏的字段值无
我有用于在消息(电子邮件、短信)上输入内容的 EditText。我希望在单击 ActionDone 按钮时立即发布消息。我为此使用以下代码: message.setOnEditorActionList
我的 Android 应用程序中有一堆 EditText，每个都将 InputMethod 设置为 numberSigned。我的目标设备没有硬件键盘，而是使用软件键盘输入数字。 Android 将输
我无法以编程方式隐藏弧形菜单中的 fab 按钮。我正在使用https://github.com/saurabharora90/MaterialArcMenu在我的代码中。如何在Java中以编程方式隐藏
我已经看到这在其他类型的对话框窗口中是可能的，例如“showConfirmDialog”，其中可以指定按钮的数量及其名称；但是使用“showInputDialog”时是否可以实现相同的功能？我似乎无法
相同的按钮用于激活和停用。第一次，当代码运行按钮单击并成功“停用”时。但第二次，代码无法找到该元素。第一个案例按钮位于第二个“a”标签中，然后停用第一个“a”标签中的按钮。 案例1: Edit
是否可以将按钮的 onclick 操作设置为 JavaScript 变量？这个想法是我们用 JavaScript 控制一个表。每当点击该表的一行时，我们就会更新一个 JavaScript 变量。该 v
我想创建一个按钮，它包含左侧的文本和右侧的复选框(或任何其他组件)。我怎样才能做到这一点？ 我发现我可以制作自己的 View extends Button，但是如果可以的话我应该如何实现 onDraw
我是一名优秀的程序员,十分优秀！