如何在单击按钮时将值分配给数组
在单击按钮时将值分配给数组可以通过以下步骤实现：
- 首先，创建一个空数组来存储值。可以使用以下代码创建一个空数组：
var myArray = [];- 接下来，创建一个按钮元素，并为其添加一个点击事件监听器。可以使用以下代码创建一个按钮元素，并为其添加一个点击事件监听器：
var button = document.createElement('button');
button.textContent = '点击按钮';
button.addEventListener('click', assignValueToArray);- 然后，编写一个事件处理函数
assignValueToArray，该函数将在按钮点击时被调用。在该函数中，可以使用push方法将值添加到数组中。以下是一个示例：
function assignValueToArray() {
var value = '要分配的值';
myArray.push(value);
console.log(myArray);
}在上述示例中，我们将字符串 '要分配的值' 分配给数组 myArray。
- 最后，将按钮添加到页面中的适当位置。可以使用以下代码将按钮添加到页面的
<body>元素中：
document.body.appendChild(button);完整的代码示例如下：
var myArray = [];
var button = document.createElement('button');
button.textContent = '点击按钮';
button.addEventListener('click', assignValueToArray);
function assignValueToArray() {
var value = '要分配的值';
myArray.push(value);
console.log(myArray);
}
document.body.appendChild(button);这样，当单击按钮时，值将被分配给数组，并在控制台中打印出数组的内容。你可以根据实际需求修改代码，将值分配给数组的方式进行定制化。
相关·内容
2回答
Javascript -在单击动态创建的元素时提醒内容
javascript
我有一个代码，其中3个按钮元素是动态创建的，当它们被创建时，我想警告每个按钮textContent，但当我这样做时，只有最后一个元素被警告，其他的不是。为什么会这样呢？
var list = new Array("en", "to", "tre");
for (i=0; i<list.length; i++) {
button = document.createElement("button");
button.textContent = list[i];
document.body.append
浏览 0提问于2017-02-14得票数 0
回答已采纳
3回答
为什么动态创建的按钮在单击时不会被删除？
javascript
在这里，按钮是动态创建的，在单击时它应该消失，但只有第一个按钮在单击后消失，其他按钮都不会消失并保留在相同的位置。
可能是什么原因。
var button;
function createDiv(){
button = document.createElement('button');
button.innerHTML = "click"
document.body.appendChild(button);
button.addEventListener('click', delDiv);
}
f
浏览 45提问于2021-03-05得票数 0
回答已采纳
2回答
Javascript类将类函数分配给按钮
javascript
我有一个javascript类(ES6)，我正在尝试将该类中的一个函数分配给该类创建的一个按钮。这是我的主类
class tabDrawer {
constructor(bodyID) {
this.bodyID = bodyID;
this.tabArray = [];
this.initialized = false;
}
get getBodyID() {
return this.bodyID;
}
initialize() {
this.body = document.getElementById(this.bodyID);
var
浏览 0提问于2017-11-28得票数 0
1回答
在嵌套for循环中不工作的button.addEventListener
javascript、for-loop、nested、dom-events
我正在开发一个引擎，为我制作的游戏创建地图文件。这款游戏是一款基于文本的冒险游戏，它使用一个空格网格来显示消息、物品、任务、敌人等事件。
我现在正在处理的表单将使用按钮创建一个网格，因为这些值被输入到输入字段中--这将创建一个更好的可视化表示。
我正在处理这个函数，它执行以下操作。
检查是否指定了高度-这样，它就可以知道在执行任何其他操作之前，它是画一个直线的房间还是一个矩形的房间。
如果它是一个线性房间(仅指定了宽度)，它将使用宽度来创建并附加按钮到包含元素。
如果它是矩形的(已指定宽度和高度)，则嵌套的for循环运行，其中为宽度附加x个按钮数量，然后y为
是为了
浏览 0提问于2018-06-15得票数 1
3回答
document.getElementById类应用于整个数组，而不是每个元素
javascript、arrays
<p><span id="sr" class="btn">elements of the array</span></p>
for(var i = 0; i < myarray.length; i++)
{
var sr = (function(val) {
btn = document.createElement('button');
btn.data = val;
btn.innerHTML = val;
btn
浏览 0提问于2017-06-07得票数 0
1回答
将Html注入javascript代码
javascript、html
首先，我应该说，这是我学习java脚本的第一天。
基本上，我试图创建铬扩展，这将添加虚拟按钮后搜索栏按钮在"google.com“。
到目前为止，我已经编写了以下代码：
var x = document.getElementsByName("btnK");
if (typeof x[0] === 'undefined' || x[0] === null) {
} else {
parent = x[0].parentElement;
button = document.createElement("button");
浏览 2提问于2016-03-31得票数 0
2回答
单击动态创建按钮的事件
javascript、html、element、getelementbyid
我有一个函数(在最下面看到)，它创建一个HTML表，根据数组的内容，它将用X行数填充它。每一行都有两个单元格，该位置上的数组值和它旁边的一个按钮。
我希望能够单击这些按钮并从表中删除特定的行。
但是，我不能对单击事件使用标准：
function unMatchButtonClicked(){
var button = document.getElementById('unmatch').onclick;
}
因为它会抛出一个id不存在的错误，而且由于我可能有X个行数，所以我需要某种for循环。
我的尝试是：
for (var i=0; i < table.lengt
浏览 1提问于2016-10-14得票数 1
回答已采纳
1回答
在javascript中将Arraylist导出为csv
javascript、excel
我想从数组列表中生成csv文件。所以请帮助我实现这一点。
代码片段：
$('#csvdownloadbutton').click(function () {
var myArray = new Array();
myArray.push("string 1");
myArray.push("string 2");
//how to export here. based on the myarray
}
当我点击按钮时，它应该被转换为CSV并下载。
浏览 3提问于2015-05-10得票数 0
6回答
这个按钮不起作用
javascript、html
我用javascript做了一个按钮，但是我设置的onClick事件似乎不起作用。
下面是我的代码：
function myFunction() {
console.log('button pressed')
}
var BUTTON = document.createElement("button");
BUTTON.name = "not";
BUTTON.type = "button";
BUTTON.onclick = "myFunction()";
var textBUTTON = docume
浏览 0提问于2018-07-24得票数 2
2回答
获取"Uncaught :无法读取空的属性'addEventListener‘“
javascript
我正在练习我的香草JS，并试图创造动态元素。我遇到了一些有趣的行为。我只是创建一个按钮，点击它，然后让它呈现到DOM上。但是，我想要创建另一个事件，它会在h1元素上移动并更改颜色，但是我得到了一个"Uncaught :Uncaught:Uncaught 'addEventListener‘of null“。如果DOM上有一个h1，为什么这会显示为null，为什么它现在说不能读取null的属性"addEventListener“？
HTML
<!DOCTYPE html>
<html lang="en">
<head>
浏览 3提问于2021-05-11得票数 0
回答已采纳
1回答
删除按钮不工作待办事项列表DOM
javascript、dom
我发誓我在论坛上搜索了一个解决方案，但老实说，几天前我才开始学习Javascript，所以我不太擅长从不同的代码中推导出解决方案，并独自使用逻辑。我是个菜鸟
我希望我的删除按钮删除它在点击时分配给它的项目。我不明白为什么我的deleteMe()函数什么都不做。
var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");
var listI
浏览 0提问于2018-04-14得票数 1
回答已采纳
3回答
用数组保存和打印列表
javascript
我需要在javascript数组中打印和保存元素的帮助。我知道我必须创建一个数组，然后使用for循环来保存和打印它，但是我不知道怎么做。我想做的是做一个简单的货币转换器，使用一个带数组的for循环来保存转换后的输入并显示它。这是我的代码：
JAVASCRIPT
var input = document.querySelector("#input");
var convert = document.querySelector("#convert");
var dollar = 0.51;
var euro = 0.11;
omvandla.onclick =
浏览 4提问于2013-12-18得票数 0
回答已采纳
2回答
如何将每个div包装为多个元素
javascript
情况是这样的：
<button> One <button>
<button> Two <button>
<button> Three <button>
我想做的就是这样：
<div><button> One <button></div>
<div><button> Two <button></div>
<div><button> Three <button></di
浏览 0提问于2018-08-17得票数 0
回答已采纳
1回答
click事件的addEventListener被覆盖
javascript、html、event-handling、addeventlistener
我是HTML/JS的新手，正在努力学习所有的奇特之处。在尝试让它工作的过程中，我了解到只允许一个Element.onclick = function() {}，如果您尝试添加更多，以前的将被覆盖。但现在我使用Element.addEventListener("click", function() {})也面临着同样的问题。下面是我的代码： <html>
<body id="body">
</body>
</html>
<script>
window.onload = function() {
浏览 104提问于2021-04-10得票数 0
回答已采纳
1回答
我想使javascript数组有条件。
javascript
在JavaScript中，我希望将myArray的内容设置为条件(我猜使用if语句)。我试过这样做，但没有结果。
我的一些代码可供参考：
<?php
session_start();
$theirname = $_GET['theirname'];
$yourname = $_GET['yourname'];
$slct2 = $_GET['slct2'];
$slct1 = $_GET['slct1'];
?>
<script type="text/javas
浏览 2提问于2014-04-29得票数 0
回答已采纳
4回答
如果我在javascript中创建了元素，当我点击创建的元素时如何调用函数？
javascript
如下所示：
<html>
<head></head>
<body>
<button onclick="elem()">Create element</button>
<script type="text/javascript">
function elem() {
var div = document.createElement('div');
document
浏览 0提问于2014-02-15得票数 0
3回答
addEvenListener不适用于动态按钮- javascript
javascript、button、addeventlistener
所以我现在正忙于学习JavaScript。我创建了一些动态按钮，并尝试向其中添加一个addEvenListener。但它不起作用，我也弄不明白为什么它不起作用。我只是在测试一些东西，并尝试创建带有本地存储值的按钮。它几乎可以工作，只有addEvenListener不起作用。我只想用本地存储的密钥发出一个简单的警报。
for (var i = 0; i <= localStorage.length-1; i++) {
var categoryButton = document.createElement('input');
categoryButton.se
浏览 3提问于2015-02-25得票数 0
回答已采纳
1回答
在这种情况下，有没有办法避免全局变量？
javascript
我有第一个函数，它有另一个函数作为参数。这个函数创建了一个DOM元素，它必须具有onclick属性，参数是来自第一个函数的函数！就像这样： function funcOne(name,callback) {
let button = document.createElement("button");
button.setAttribute("id","myBtn");
button.innerHTML = "Go to Func 2";
button.setAttribut
浏览 16提问于2021-10-20得票数 0
回答已采纳
1回答
如何在单击元素时获得元素的数据id？
javascript、dataset
我创建了几个按钮，并在一个循环中给它们一个id，我希望当我们点击它时，它的id会显示在控制台中。这就是我试图做的，但是程序返回在循环之后分配的最后一个id。
for (var i = 0; i < 3; i++) {
var button = document.createElement('button');
button.textContent = "Add to cart";
button.setAttribute("data-id", i+1);
card.appendChild(button);
button.onclick =
浏览 10提问于2022-04-21得票数 0
回答已采纳
1回答
如何在Javascript中的其他事件之后创建的元素上触发事件？
javascript、html、css
我已经复制了windows计算器。我被“内存标签”卡住了。
我需要在三个按钮上创建点击事件: MC M+ M-如下所示(屏幕右上角)。
问题是，这些按钮(以及周围的所有元素)是在每次我点击主计算器(屏幕左侧，主按钮上方)上的"MS“时创建的。
function addMemoryValue(){
const uls = document.createElement("ul");
const lis = document.createElement("li");
const h2s = document.createElement(
浏览 0提问于2021-01-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
