JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr><td>7/26/16 11:13:46 AM</td><td>Login</td></tr><tr><td>7/26/16 11:24:14 AM</td><td>Logout</td></tr><tr><td>7/26/16 12:24:03 PM</td><td>Login</td></tr><tr><td>7/26/16 1:19:05 PM</td><td>Logout</td></tr><tr><td>7/28/16 1:31:41 PM</td><td>Login</td></tr><tr><td>7/28/16 1:41:48 PM</td><td>Logout</td></tr><tr><td>7/28/16 3:08:14 PM</td><td>Login</td></tr><tr><td>7/28/16 3:13:21 PM</td><td>Logout</td></tr><tr><td>7/29/16 3:17:25 PM</td><td>Login</td></tr><tr><td>7/29/16 3:51:40 PM</td><td>Logout</td></tr></table>

CSS

body{background-color: #ccc;}table{border-collapse:collapse;}td{border: 1px solid black;}

JavaScript

var td = document.getElementsByTagName('td'), loginDate, logoutDate;

		for(var ii = 0; ii < td.length; ii++){

			if(td[ii].innerText === 'Login'){

				td[ii].style.backgroundColor = '#cfc';
				td[ii].previousSibling.style.backgroundColor = '#cfc';

				loginDate = new Date(td[ii].previousSibling.innerText).toLocaleDateString();
				console.log(loginDate);

			} else if(td[ii].innerText === 'Logout'){

				td[ii].style.backgroundColor = 'orange';
				td[ii].previousSibling.style.backgroundColor = 'orange';

				logoutDate = new Date(td[ii].previousSibling.innerText).toLocaleDateString();
				console.log(logoutDate);

			}

		}