<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Semester</title>
    <link rel="stylesheet" href="lib/dom-output.css"/>
    <link rel="stylesheet" href="semester-effort.css"/>
</head>
<body>

<h1>Studium-Aufwand Rechner</h1>

<div>
    <span>Geben Sie die Vorlesungen und deren SWS ein. Die Syntax ist änhlich wie Bespiel unten:</span>
    <pre id="example">
<code>[
  {"name":"Deutsch 3",     "code":"DFBI-311", "sws":4, "ects": 4},
  {"name":"Französisch 3", "code":"DFBI-312", "sws":3, "ects": 4}
]</code>
    </pre>
    <textarea id="argv"></textarea><br/>
    <button name="run" id="run" >Berechnen</button>
</div>

<div class="row">
    <pre id="text-output"></pre>
</div>

<script src="json-semester-effort.js" type="module"></script>
</body>
</html>