Wie erstelle ich jedes Mal, wenn eine Funktion aufgerufen wird, eine eindeutige ID in JavaScript?

Question

Hier ist die Funktion:

function addAttachment() { 
    if (allowed_attachments <= 0) 
     return alert("', $txt['more_attachments_error'], '"); 

    document.getElementById("uploadBtn").onchange = function() {             
     document.getElementById("uploadFile").value = this.value; 
    }; 


    setOuterHTML(document.getElementById("moreAttachments"), 
     \'<div class="upload_attachment">\ 
      <input id="uploadFile" placeholder="File">\ 
      <label class="custom-file-input">\ 
       <input type="file" id="uploadBtn" name="attachment[]">\ 
      </label></div><span id="moreAttachments">\ 
     </span>\'); 
    allowed_attachments = allowed_attachments - 1; 
    return true; 
} 

uploadBtn und Upload müssen einzigartig jedes Mal sein, wie dies ich tun? Ich steckte wirklich

Answer 1

Verwendung Datum Objektmethode jetzt Date.now()

Answer 2

ein globales Objekt verwenden (aus dem Anwendungsbereich von addAttachement) wie folgt aus:

var UNIQUE_ID = 0; // the ID counter (will be incremented each time a new item is created so it'll be unique) 

function addAttachment() { 
    if (allowed_attachments <= 0) 
     return alert("', $txt['more_attachments_error'], '"); 

    document.getElementById("uploadBtn").onchange = function() {             
     document.getElementById("uploadFile").value = this.value; 
    }; 

    UNIQUE_ID++; // increment the ID counter 

    setOuterHTML(document.getElementById("moreAttachments"), 
     '<div class="upload_attachment">\ 
      <input id="uploadFile' + UNIQUE_ID + '" placeholder="File">\ 
      <label class="custom-file-input">\ 
       <input type="file" id="uploadBtn' + UNIQUE_ID + '" name="attachment[]">\ 
      </label></div><span id="moreAttachments' + UNIQUE_ID + '">\ 
     </span>'); 
    allowed_attachments = allowed_attachments - 1; 
    return true; 
}