just coding

<div id="sns20170311sa1558ipanel">
<div id="ipapplyselection" onmouseover="thefunction('apply selection')"></div>
<textarea id="theinput"></textarea>
<div id="selectcreatelist" onmouseover="thefunction('select create list')"></div>
<div id="selecteditlist" onmouseover="thefunction('select list editing')"></div>
</div>
<div id="interactionpaneltoggle" onmouseover="thefunction('toggle ipanel')"></div>
<div id="sns20170311sa1558ipapplyselection" onmouseover="sns20170311sa1558('apply selection')"></div>
<textarea id="sns20170311sa1558theinput"></textarea>
<div id="sns20170311sa1558selectcreatelist" onmouseover="sns20170311sa1558('select create list')"></div>
<div id="sns20170311sa1558selecteditlist" onmouseover="sns20170311sa1558('select list editing')"></div>
<div id="sns20170311sa1558selection"></div>
<div id="sns20170311sa1558counter">
<span id="sns20170311sa1558theposition"></span> /
 <span id="sns20170311sa1558listlength"></span>
</div>
</div>

<div id="sns20170311sa1558interactionpaneltoggle" onmouseover="sns20170311sa1558('toggle ipanel')"></div>
<div id="sns20170311sa1558thelist"></div>

<script>
function sns20170311sa1558(request) {
function setcounter() {
var thecount = document.getElementById("sns20170311sa1558listlength")
var theposition = document.getElementById("sns20170311sa1558theposition")
var thecurrentlist = document.getElementById("sns20170311sa1558thecurrentlist")
if (thecurrentlist.innerHTML === "the watch list") {

function returntowatchlist() {
var lastwatchlistchart = document.getElementById("sns20170311sa1558lastwatchlistchart")
var thecurrentlist = document.getElementById("sns20170311sa1558thecurrentlist")
var thecount = document.getElementById("sns20170311sa1558listlength")
var theposition = document.getElementById("sns20170311sa1558theposition")


function select(selection) {
var selectionplace = document.getElementById("sns20170311sa1558selection")
selectionplace.innerHTML = selection}
function showachart() {
var chartnumber = document.getElementById("sns20170311sa1558positioncounter")
var thelist = document.getElementById("sns20170311sa1558thelist")
var thechartrequest = thelist.split("\n")[parseInt(chartnumber.innerHTML)]
if (thechartrequest.split(" ")[0][0] != "h") {getupdater()} else {getrecord()}
getthelinks()}
if (request === "select load a list") {select('load a list')}
function loadalist() {
var thelist = document.getElementById("sns20170311sa1558theinput")
var thewatchlist = document.getElementById("sns20170311sa1558thewatchlist")
var theexamples = document.getElementById("sns20170311sa1558theexamples")
var thelistarray = thelist.split("*examples*")
thewatchlist.innerHTML = thelistarray[0]
theexamples.innerHTML = thelistarray[1]
setcounter()
getachart()}
if (request === "load a list") {loadalist()}
if (request === "applyselection") {applyselection()}
function applyselection() {
var selection = document.getElementById("sns20170311sa1558selection")
sns20170311sa1558(selection.innerHTML)}
if (request === "select create list") {select('create list')}
function createlist() {
var thesource = document.getElementById("sns20170311sa1558theinput")
var thearray = thesource.value.split("\n")
for (var i = 0; i < thearray.length; i = i + 1) {
thearray[i] = thearray[i].split('","')[0].split('"')[1]}
var thelist = document.getElementById("sns20170311sa1558thelist")
thelist.innerHTML = thearray.join("\n")}
if (request === "create list") {createlist()}if (request === "select edit list") {select('edit list')}
if (request === "select apply edit") {select('apply edit')}
function editthelist() {
var thelist = document.getElementById("sns20170311sa1558thelist")
var theeditor = document.getElementById("sns20170311sa1558theinput")
theeditor.value = thelist.innerHTML}
function resetthecounter() {
var thecount = document.getElementById("sns20170311sa1558listlength")
var theposition = document.getElementById("sns20170311sa1558theposition")
var thelist = document.getElementById("sns20170311sa1558thelist")
thecount.innerHTML = thelist.innerHTML.split("\n").length
thepostion.innerHTML = parseInt(theposition.innerHTML) - 1
showachart()}
function applytheedit() {
var thelist = document.getElementById("sns20170311sa1558thelist")
var theeditor = document.getElementById("sns20170311sa1558theinput")
thelist.innerHTML = theeditor.value
resetthecounter()}
if (request === "edit list") {editthelist()}
if (request === "apply edit") {applytheedit()}
function next() {
var thischart = document.getElementById("sns20170311sa1558theposition")
thischart.innerHTML = parseInt(thischart.innerHTML ) + 1
showachart()}
function previous() {
var thischart = document.getElementById("sns20170311sa1558theposition")
thischart.innerHTML = parseInt(thischart.innerHTML ) - 1
showachart()}
if (request === "next") {next()}
if (request === "previous") {previous()}
if (request === "examples of this") {examples()}
}
</script>