Add a tag

HTML

<div id = "test">
    <input type = "button" value= "add" docId="10"/>
    
</div>

<div style = "margin-top:10px">  <input type = "button" value= "show my tags" id = "show"/> </div>

<div id = "myTags" ></div>

JavaScript

var e = document.getElementById("test");

var b = document.getElementById("show");

var view = document.getElementById("myTags");

var enteredTags = [];

e.addEventListener('click',function (event) {
    debugger;
    if (event.target.type == 'button') {
    debugger;
          alert()
    }
    else 
        if (event.target.attributes["name"].value == "tags"){
            alert("a tag was clicked " + event.target.innerText);
        }
            
});

e.addEventListener('keyup',function (event) {

    if (event.keyIdentifier == "Enter"){
        var value  = document.getElementById("tag").value; 
        enteredTags.push(value);
        
        event.target.outerHTML = "<span name = 'tags' style = 'margin-left:5px'>"+value+"  </span><input type ='button' value= 'add'/>"
    }
});


    
    
b.addEventListener('click',function (event) {
    debugger
   view.innerHTML = e.innerText;
});