JSFiddle - React, Tailwind, and code Playground

by Spencer Smith

HTML

<div id="input">
<span>Nov 22, 2015
Whiplash and Brain Traumatology Advanced Symposium – Arthur C. Croft, D.C. SRISD – San Diego, CA (12 hours)</span>
Sep 26, 2015
<span>Whiplash and Brain Traumatology Module 4 – Arthur C. Croft, D.C. SRISD –Salt Lake City, UT (12 hours)</span>
</div>

<div id="output"></div>

CSS

body{font-family: monospace;}
#input{
    background-color:lightblue;
    margin-bottom:15px;
}

#output{
    background-color:lightgreen;
}

JavaScript

// Tab content format helper

var input = document.getElementById('input');
var middle = document.getElementById('middle');
var output = document.getElementById('output');

var split = document.getElementById('input').innerHTML.split("\n");

output.innerHTML += "&quot;&lt;ul>&quot; .<br>";

for (i=1;i<split.length-1;i++){
    output.innerHTML += "&quot;&lt;li>" + split[i].trim() + "&lt;/li>&quot; ." + "<br>";
}

output.innerHTML += "&quot;&lt;/ul>&quot; .<br>";