26 lines
750 B
Plaintext
26 lines
750 B
Plaintext
<!DOCTYPE html>
|
||
<html>
|
||
<head> <title>Complete JavaScript Course</title>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<input type="text" id="addItem">
|
||
<input type="button" id="addNew" value="Add to List">
|
||
</div>
|
||
<h1>Shopping List</h1>
|
||
<ol id="sList"> </ol>
|
||
|
||
<script>
|
||
const myItem = document.querySelector('#addItem');
|
||
const btn = document.querySelector('#addNew');
|
||
const myList = document.querySelector('#sList');
|
||
btn.addEventListener('click', (e) => {
|
||
let val = myItem.value;
|
||
const li = document.createElement('li');
|
||
li.textContent = val;
|
||
myList.append(li);
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|