<html>
<head>
<script>
var fruits = ["Apple", "Banana"]
function addFruit()
{
var fruitName=document.getElementById("input1").value
fruits.push(fruitName)
document.getElementById("input1").value = ""
}
function display()
{
let resultDiv = document.getElementById("result")
resultDiv.innerHTML = ""
for(f of fruits)
{
resultDiv.innerHTML = resultDiv.innerHTML + "<br>" + f
}
}
</script>
</head>
<body>
<input type="text" placeholder="fruit name" id="input1"/>
<br>
<input type="button" value="Add fruit" onclick="addFruit()"/><br>
<br>
<input type="button" value="Display" onclick="display()"/><br>
<div id="result" style="background-color: yellow;">
fruits....
</div>
</body>
</html>
Plot No. 64, PU-4, Scheme 54, Behind C21 Mall near Hotel Holiday , AB Road, Indore Pin-code:452001
contact@codebetter.in
+91 88230 75444, +91 99939 28766