<!DOCTYPE html>
<html>
<body>
<p>The first script in this example will remove the last element from an array.</p>
<p id="fruitdemo"></p>
<button onclick="fruitFunction()">Remove the last array</button>
<script id="myScript">
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function fruitFunction() {
fruits.pop();
var x = document.getElementById("fruitdemo");
x.innerHTML = fruits;
}
</script>
<p>The second script will return the contents of the script element.</p>
<p id="contentsdemo"></p>
<button onclick="textFunction()">Return contents</button>
<script>
function textFunction() {
var x = document.getElementById("myScript").text;
document.getElementById("contentsdemo").innerHTML = x;
}
</script>
</body>
</html>