HTML - Benutzer hinzugefügt Variablen

Question

Gibt es eine Möglichkeit in HTML/Javascript, um einen Benutzer eine Variable hinzufügen?

Zum Beispiel:
ich eine Liste von Benutzernamen haben:

var username1 = "test1"; 
var username2 = "test2"; 
var username3 = "test3"; 

und einen Knopf:

<button type="submit" onclick="newUsername()">New</button> 

möchte ich die Taste eine neue Variable hinzuzufügen username'x' wo x die nächste Nummer ist in der Reihenfolge (in diesem Fall 4).

Answer 1

Statt unterschiedliche Variablen mit username, können Sie ein Array betrachten, die Sie durchlaufen können. Betrachten Sie das folgende Snippet:

var username=[]; 
 

 
var current = 0; 
 

 
function newUsername(){ 
 
current++; 
 
username.push({["username"+current]: "test"+current}) 
 
console.log(username); 
 
}

<button type="submit" onclick="newUsername()">New</button>

Answer 2

Ja, Sie können - indem Sie eine Eigenschaft window zuweisen, die die Variable global machen würde.

const myVariableName = 'foo' 
 
const myVariableValue = 'bar' 
 
window[myVariableName] = myVariableValue 
 

 
console.log(foo) // logs 'bar'

Answer 3

1 (nicht empfohlen) haben eine Variable, die den Code mitteilen, welche Nummer Sie sind dann so etwas tun:

window['username'+userNameIndex] = newUsername; 

Oder

2 Platz Ihr Benutzername in ein Array:

var usernames = ['test1','test2','test3']; 

Und den neuen Benutzernamen in das Feld hinzufügen:

username.push(newUserName); 

Answer 4

Sie Ihre Benutzernamen in einem Array mit Objekten beispielsweise halten kann.

Lassen Sie sagen:

var usernames = [{}] 

function newUsername(text) { 
    var arrLength = usernames.length || 0; 
    usernames.push({ ["username" + arrLength]: text }); 
} 

newUsername("test"); 

Ergebnis: Benutzernamen [{username1: "test"}]