chandrika
Version:
chandrika pacakge
37 lines (33 loc) • 1.08 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="parent">
<input type="text" name="text" id="input"/>
<button id="push">click</button>
</div>
<ul class="addelements">
</ul>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
function addUser() {
let button = document.querySelector("#push");
button.addEventListener('click', function() {
let input = document.querySelector("#input").value;
console.log(input);
let ul = document.querySelector('.addelements');
ul.innerHTML += `<li>${input}</li>`;
input.value=""
});
}
addUser();
});
</script>
</body>
</html>