JSFiddle - React, Tailwind, and code Playground

by Erik East

HTML

<h2>Module 03</h2>
<h3>Assignment 01</h3>

<p>Link name: <input type="textbox" style="width: 100px;" id="linkname"/><br>
<input type="button" id="addlink" value="Add Link" onClick="addLink();"/>
<input type="button" id="displayhead" value="Display Chain Head" onClick="displayChainHead();"/></p>
<p id="link"></p>

JavaScript

var chain = new Chain('link 1');

function addLink() {
var newLinkName = document.getElementById("addlink").value;
return ("Adding a link named " + newLinkname);
chain.addLink(newLinkName);
chain.print();
}//close function addLink

function displayChainHead(){
document.getElementById("link").innerHTML = chain.head.asString();
}