<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/style.css"> <script src="lib/PresentationType.js"></script> <script src="lib/Command.js"></script> <script src="js/script.js" defer></script> </head> <body> <h1><li class="name" data-bind="click">JIM</li>: The Javsascript Interface Manager!</h1> <div> <button id="randomSentence">Random Sentence!</button> <button id="pickSentence">Pick a Sentence</button> </div> <!-- <div class="listbox"> <h2>Names</h2> <ul id="names"> <li class="name">Mary</li> <li class="name">Jane</li> <li class="name">Anne</li> <li class="name">John</li> </ul> </div> <div class="listbox"> <h2>Occupations</h2> <ul id="occupations"> <li class="occupation">builder</li> <li class="occupation">interface builder</li> </ul> </div> --> <div id="sentence"></div> <div class="listbox"> <h2>Subject</h2> <ul id="subjects"> <li class="subject">Combat form</li> <li class="subject">Stock</li> <li class="subject">Application software</li> <li class="subject">The old st paul's stations</li> <li class="subject">The cat</li> <li class="subject">The dog</li> <li class="subject">Bob, the tomato,</li> <li class="subject">Midas</li> </ul> </div> <div class="listbox"> <h2>Verb</h2> <ul id="verbs"> <li class="verb">is four-armed monitor lizard analog with</li> <li class="verb">is drawn from</li> <li class="verb">needs</li> <li class="verb">were acquired in</li> <li class="verb">shook hands with</li> <li class="verb">sat on</li> <li class="verb">barked at</li> <li class="verb">chased</li> </ul> </div> <div class="listbox"> <h2>Object</h2> <ul id="objects"> <li class="object">Medusa.<li> <li class="object">the mat.</li> <li class="object">the cat.</li> <li class="object">Larry, the cucumber.</li> <li class="object">black skin.</li> <li class="object">european bloodline producers.</li> <li class="object">powerful processor.</li> <li class="object">1995 in poor state.</li> </ul> </div> </body> </html>