-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
46 lines (44 loc) · 1.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!--
File: index.html
GUI Assignment: Creating a dynamic multiplication table.
Timofey Fayzullin, Umass Lowell Computer Science,
Copyright (c) 2021 by Timofey. All rights reserved. May be freely copid or
excerpted for educational purposes with credit to the author.
update by TF on October 4th, 2021 at 8:14 PM
-->
<!DOCTYPE html>
<html lang="en">
<!--head setup and css linkage-->
<head>
<title>MultTable</title>
<link href="index.css" rel="stylesheet">
</head>
<!--body setup-->
<body>
<h1>Multiplication Table Generator</h1>
<p>Input min and max rows</p>
<!--row input field-->
<form id="input" action="" method="GET">
<input type="number" name="botr" id="botr" value=1 onkeydown="javascript: return event.keyCode == 69 ? false : true">
<input type="number" name="topr" id="topr" value=10 onkeydown="javascript: return event.keyCode == 69 ? false : true">
</form>
<p>Input min and max columns</p>
<!--column input field-->
<form id="input" action="" method="GET">
<input type="number" name="botc" id="botc" value=1 onkeydown="javascript: return event.keyCode == 69 ? false : true">
<input type="number" name="topc" id="topc" value=10 onkeydown="javascript: return event.keyCode == 69 ? false : true">
</form>
<!--submit button-->
<input id="clickMe" type="button" value="plot" onclick="makeAchart();">
<!--error handle-->
<p id="errors"></p>
<!--multiplication table field-->
<div>
<table id="tbl">
</table>
</div>
<!--script linkage-->
<script src='index.js'></script>
</body>
</html>