24681012<br>working on assosiative array<br>apple50Banana60Orange70<br>Product: Apple
price:50
quantity:10
Product: Banana
price:60
quantity:15
Product: Orange
price:60
quantity:20
<br>
<div id="form-container">
<input type="text" id="f-name" name="firstName" placeholder="enter the first name">
<p id="paragraph"></p>
</div>

<button id="btn">Submit</button>

<script>
    var button=document.getElementById("btn");
    button.addEventListener("click", function(){
        console.log("button click ho raha hai ");

        var newInput=document.createElement("input");
        newInput.type="text";
        newInput.name="lastName";
        newInput.placeholder="enter the last name";

        document.getElementById("form-container").appendChild(newInput);

        var deletebutton=document.createElement("button");
        deletebutton.textContent="delete";
        deletebutton.style.marginLeft="10px";



        document.getElementById("form-container").appendChild(deletebutton);

        deletebutton.addEventListener("click", function(){
            newInput.remove();
            deletebutton.remove();
        })

        document.getElementById("f-name").value="dkfjasdhbgsdfgnf";
        // document.getElementById("paragraph").textContent="you enter:"+firstName;
    });


</script>