изменил код. это должно сработать, если я правильно понял, что вы хотели.
edit: Я не понял, зачем вам нужно отображение, поэтому, если вы не хотите, чтобы это было что-то еще, вы должны удалить его.
<html>
<head>
<style>
body {
background-color: #1d2126;
color: white;
}
</style>
</head>
<body>
<h1>Hello, World</h1>
<p id="fruits"></p>
<button onclick= sampleFunction()
>test</button>
<script>
function sampleFunction(){
let fruits =["a", "b"];
fruits.map( item =>{
console.log("item--->", item);
return item;
});
var fruitsElement = document.getElementById('fruits');
for(var i = 0; i < fruits.length; i++){
fruitsElement.innerHTML += fruits[i];
}
}
</script>
</body>
</html>