首頁猿問我無法保存輸入（HTML 和 JS）

我無法保存輸入（HTML 和 JS）

JavaScript

qq_笑_17 2023-07-29 10:49:28

尊敬的朋友們，我是網絡開發的學生，并且是自學的。另外，我正在學習 DOM 與 Javascript。我正在制作一個簡單的公式，目的是調整位置、更改顏色和管理 DOM 等。我想創建一些參與者，并將它們顯示在列表中。這是我的 HTML 代碼的一部分。<label>Nombre: </label><input id="addNombre" type="text"/><label>Color :</label><input id="addNombre" type="text"/><button onclick="AddCompetidor()">A?ade Participante</button>我已經完成并重做了許多JS功能，這是我完成的最后一個。function AddCompetidor(){ var nombre = document.getElementById("addNombre"); var color = document.getElementById("addColor"); alert (nombre,color);}我嘗試了其他函數，如何創建數組，但我不知道這是否是處理它的最佳方法。

查看完整描述

4 回答

犯罪嫌疑人X

TA貢獻2080條經驗獲得超4個贊

這是帶有評論的綜合解決方案。

const form = document.getElementById("form");

const list = document.getElementById("list");

// let's handle the form submit event

form.addEventListener("submit", (e) => {

// this will prevent the form from doing network request

e.preventDefault();

// lets get input elements from form by their ids

const { nombre, color } = e.target.elements;

// lets add new elements in the list

const li = document.createElement("li");

li.innerHTML = `${nombre.value} — ${color.value}`;

list.appendChild(li);

// lets clear the form

nombre.value = "";

color.value = "";

});

<label>Nombre: </label>

<label>Color :</label>

<button>A?ade Participante</button>

</form>

反對回復 2023-07-29

侃侃無極

TA貢獻2051條經驗獲得超10個贊

你必須獲得元素的正確ID：

<label>Nombre: </label>

<label>Color :</label>

<button onclick="AddCompetidor()">A?ade Participante</button>

function AddCompetidor(){

var nombre = document.getElementById("nombre").value;

var color = document.getElementById("color").value;

alert (nombre + color);

}

</script>

反對回復 2023-07-29

ibeautiful

TA貢獻1993條經驗獲得超6個贊

如果要創建 HTML 輸入值數組，請使用：

var array = [nombre.value, color.value]

方括號定義一個新數組，獲取value參數即可獲取標簽內的內容<input>。

反對回復 2023-07-29

一只甜甜圈

TA貢獻1836條經驗獲得超5個贊

你可以定義一個類

班級球員{

constructor( nombre , color){ 
         this.nombre = nombre; 
         this.color = color;

并創建盡可能多的對象并將每個對象添加到數組中，如下所示

var obj = 新玩家(nombarvalue, colorvalue);

var 列表 = [];

列表.push(obj);

然后迭代這個對象數組來打印一個列表

反對回復 2023-07-29

4 回答
0 關注
215 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我無法保存輸入（HTML 和 JS）

我無法保存輸入（HTML 和 JS）

4 回答

添加回答