<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Arrays: Task 3</title>
<link rel="stylesheet" href="../styles.css" />
<style>
* {
box-sizing: border-box;
}
p {
color: purple;
margin: 0.5em 0;
}
</style>
</head>
<body>
<section class="preview">
</section>
<textarea class="playable playable-js" style="height: 220px;">
let myArray = [ "Ryu", "Ken", "Chun-Li", "Cammy", "Guile", "Sakura", "Sagat", "Juri" ];
// Add your code here
// Don't edit the code below here!
section.innerHTML = ' ';
let para1 = document.createElement('p');
para1.textContent = myString;
section.appendChild(para1);
</textarea>
<div class="playable-buttons">
<input id="reset" type="button" value="Reset" />
</div>
</body>
<script class="editable"></script>
<script src="../playable.js"></script>
</html>