mdt5-2-webapp/html/index.html
Gregor Wuest 029d2276fa raw website
- open form with button
- some styling
2020-05-21 17:57:03 +02:00

35 lines
1.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="/scripts/notes_app.js"></script>
<link rel="stylesheet" href="/css/notes_app.css" type="text/css">
</head>
<body>
<div id=mainHeader>
<h1>
Quick Notes
</h1>
<h6>
A sample note web app to demonstrate the usage of Promises/Async/Await.
</h6>
</div>
<div id=addNoteDiv>
<button type="button" id=addNote>+</button>
</div>
<div id=noteFormDiv>
<form id=noteForm>
<input type="text" name="noteTitle" id="input1" placeholder="Enter title...">
<div>
<textarea name=noteText id=memo placeholder="Enter notes..."></textarea>
</div>
<button type="button" id=saveNote>Save</button>
</form>
</div>
</body>
</html>