Untitled

<html>

<body>
<p> <button id = "prviscript"> Dobar dan </button> </p>
<img src="DAN I NOC.jpg" width="300" height="250">
<p id = "foto"> Ali zelim Vam i puno srece </button> </p>

<body>
<p> <button id = "drugiscript"> Radoznalost je </button> </p>
<img src="sumica.jpg" width="320" height="240">
<p id = "foto"> ... </button> </p>

<body>
<p> <button id = "treciscript"> Banana </button> </p>
<img src="banan.jpg" width="350" height="250">
<p id = "foto"> Ukusna i zdrava </button> </p>


<script>
   var  element= document.getElementById ("prviscript");
  element.onclick = function () {
      alert ("I dobro vece! ");
   }
</script>

<script>
   var  element= document.getElementById ("drugiscript");
  element.onclick = function () {
      alert ("Ponekad bezazlena ");
   }
</script>

<script>
   var  element= document.getElementById ("treciscript");
  element.onclick = function () {
      alert ("Ta ona je puna kalijuma, zdrava za Vas! ");
   }
</script>


	<br>
	<script>
    element1=document.getElementById ("foto")
	let img = new Image;

   img.onload = function() {
   console.log (img);

  element1.appendChild (img);
}
img.src = "1.png";
	</script>


</html>