Easily, clearly and simply explain to me the meaning of the code elements.
<script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id); } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script> </head> <body> <div id="box" ondrop="drop(event)" ondragover="allowDrop(event)" style="border:1px solid black; width:200px; height:200px"></div> <img id="image" src="sample.jpg" draggable="true" ondragstart="drag(event)" width="150" height="50" alt="" /> </body> What means <script>? I don't understand whole code starting at <script> element and ending with the </body> element. <div> element, what is this? I thought HTML5 does not use <div> element because of <article>. What is functions? What is events? What is <div id="box"? Why it uses ondrop="drop(event)"? I don't understand nothing in Java-Script.