From 93eb1a035449db149efa29542a3f035612260560 Mon Sep 17 00:00:00 2001
From: vv01f <vv01f@users.noreply.github.com>
Date: Wed, 29 Mar 2023 16:13:41 +0200
Subject: [PATCH] add accesskeys for easier use without mouse

---
 kole.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/kole.html b/kole.html
index e24e8e5..a6437b4 100644
--- a/kole.html
+++ b/kole.html
@@ -3,19 +3,20 @@
 <head>
 <style>
 	input[type='number']{text-align:right;}
+	input[readonly='readonly']{background-color:#eee;}
 </style>
 </head>
 <body>
    <h1>Rechner zwischen Brutto-Netto-Kole</h1>
 	<table>
-		<tr><td>Eingangsgröße:</td><td><input type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb">Brutto</label><input type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn">Netto</label><input type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk">KoLe</label></td></tr>
-		<tr><td>Brutto</td><td><input type="number" step="0.01" id="e" value="100.00"/>&thinsp;€</td></tr>
+		<tr><td>Eingangsgröße:</td><td><input accesskey="b" type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb"><u>B</u>rutto</label><input accesskey="n" type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn"><u>N</u>etto</label><input accesskey="k" type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk"><u>K</u>oLe</label></td></tr>
+		<tr><td>Br<u>u</u>tto</td><td><input accesskey="u" type="number" step="0.01" id="e" value="100.00"/>&thinsp;€</td></tr>
 		<tr><td>Umsatzsteuersatz</td><td><input type="number" step="0.01" id="u" value="19.00"/>&thinsp;%</td></tr>
-		<tr><td>Umsatzsteuer</td><td><input type="number" step="0.01" id="us" value="0.00"/>&thinsp;€</td></tr>
-		<tr><td>Netto</td><td><input type="number" step="0.01" id="n" value="0.00"/>&thinsp;€</td></tr>
+		<tr><td>Umsatzsteuer</td><td><input readonly="readonly" type="number" step="0.01" id="us" value="0.00"/>&thinsp;€</td></tr>
+		<tr><td>N<u>e</u>tto</td><td><input accesskey="e" type="number" step="0.01" id="n" value="0.00"/>&thinsp;€</td></tr>
 		<tr><td>Entropieumlagesatz</td><td><input type="number" step="0.01" id="z" value="23.00"/>&thinsp;%</td></tr>
-		<tr><td>Entropieumlage</td><td><input type="number" step="0.01" id="eu" value="23.00"/>&thinsp;€</td></tr>
-		<tr><td>KoLe</td><td><input type="number" step="0.01" id="k" value="0.00"/>&thinsp;€</td></tr>
+		<tr><td>Entropieumlage</td><td><input readonly="readonly" type="number" step="0.01" id="eu" value="23.00"/>&thinsp;€</td></tr>
+		<tr><td>K<u>o</u>Le</td><td><input accesskey="o" type="number" step="0.01" id="k" value="0.00"/>&thinsp;€</td></tr>
 		<tr><td>&nbsp;</td><td><input value="Berechnen" id="b" type="button"/></td></tr>
 	</table>
 	<script>
@@ -54,7 +55,6 @@
 		});
 		e.addEventListener('change', function(){bb.checked = true;});
 		n.addEventListener('change', function(){bn.checked = true;});
-		k.addEventListener('change', function(){bk.checked = true;});
 		s.click();
 	</script>
 </body>

Eingangsgröße:	BruttoNettoKoLe
Brutto	€
Eingangsgröße:	BruttoNettoKoLe
Brutto	€
Umsatzsteuersatz	%
Umsatzsteuer	€
Netto	€
Umsatzsteuer	€
Netto	€
Entropieumlagesatz	%
Entropieumlage	€
KoLe	€
Entropieumlage	€
KoLe	€