# HTML Apps

# Keypad

<p>
<textarea id="tbInput" rows="10" cols="80" onclick="input(e);" >
  
</textarea>
</p>
  
<div id="VirtualKey">
<input id="btn1" type="button" value="✖" onclick="input(e);"> 
<input id="btn2" type="button" value="⨁" onclick="input(e);"> 
<input id="btn3" type="button" value="⨂" onclick="input(e);"> 
<input id="btn4" type="button" value="→" onclick="input(e);"> 
<input id="btn5" type="button" value="∈" onclick="input(e);"> 
<input id="btn6" type="button" value="∉" onclick="input(e);"> 
<input id="btn10" type="button"  value="⊂" onclick="input(e);">
<input id="btn10" type="button"  value="⚲" onclick="input(e);"> 
<input id="btn10" type="button"  value="𖤘" onclick="input(e);"> 
<br> 
<input id="btn10" type="button"  value="𝄃𝄃𝄂𝄀𝄁𝄃𝄂" onclick="input(e);"> 
<br> 
<input id="btn8" type="button" value="👶" onclick="input(e);"> 
<input id="btn8" type="button" value="👶🏽" onclick="input(e);"> 
<input id="btn8" type="button" value="👧🏻" onclick="input(e);"> 
<input id="btn8" type="button" value="🧕" onclick="input(e);"> 
<input id="btn8" type="button" value="🧕🏾" onclick="input(e);"> 
<input id="btn8" type="button" value="👩🏽‍🦱" onclick="input(e);"> 
<input id="btn8" type="button" value="👨" onclick="input(e);"> 
<input id="btn8" type="button" value="🧑🏾‍🦱" onclick="input(e);"> 
<input id="btn8" type="button" value="🧔🏽‍♂️" onclick="input(e);"> 
<br> 
<input id="btn7" type="button" value="🫆" onclick="input(e);"> 
<input id="btn7" type="button" value="🔐" onclick="input(e);"> 
<input id="btn9" type="button" value="🔑" onclick="input(e);"> 
<input id="btn9" type="button" value="🗝" onclick="input(e);"> 
<input id="btn9" type="button" value="⭔" onclick="input(e);"> 
<input id="btn9" type="button" value="⛓️" onclick="input(e);"> 
<br> 
<input id="btn9" type="button" value="Construct!" onclick="input(e);"> 
</div>
<br> 
<br>

<!--
<p>
<textarea id="tbOutput" rows="10" cols="80" onclick="input(e);" >
  
</textarea>
</p>
-->

# Simple

<p>
<textarea id="tbInput" rows="10" cols="80" onclick="input(e);" >
  
</textarea>
</p>
  
<div id="VirtualKey">
<input id="btn1" type="button" value="✖" onclick="input(e);"> 
<input id="btn2" type="button" value="⨁" onclick="input(e);"> 
<input id="btn3" type="button" value="⨂" onclick="input(e);"> 
<input id="btn4" type="button" value="→" onclick="input(e);"> 
<input id="btn5" type="button" value="∈" onclick="input(e);"> 
<input id="btn6" type="button" value="∉" onclick="input(e);"> 
<input id="btn10" type="button"  value="⊂" onclick="input(e);">
<input id="btn10" type="button"  value="⚲" onclick="input(e);"> 
<input id="btn10" type="button"  value="𖤘" onclick="input(e);"> 
<br> 
<input id="btn10" type="button"  value="𝄃𝄃𝄂𝄀𝄁𝄃𝄂" onclick="input(e);"> 
<br> 
<input id="btn8" type="button" value="👶" onclick="input(e);"> 
<input id="btn8" type="button" value="👶🏽" onclick="input(e);"> 
<input id="btn8" type="button" value="👧🏻" onclick="input(e);"> 
<input id="btn8" type="button" value="🧕" onclick="input(e);"> 
<input id="btn8" type="button" value="🧕🏾" onclick="input(e);"> 
<input id="btn8" type="button" value="👩🏽‍🦱" onclick="input(e);"> 
<input id="btn8" type="button" value="👨" onclick="input(e);"> 
<input id="btn8" type="button" value="🧑🏾‍🦱" onclick="input(e);"> 
<input id="btn8" type="button" value="🧔🏽‍♂️" onclick="input(e);"> 
<br> 
<input id="btn7" type="button" value="🫆" onclick="input(e);"> 
<input id="btn7" type="button" value="🔐" onclick="input(e);"> 
<input id="btn9" type="button" value="🔑" onclick="input(e);"> 
<input id="btn9" type="button" value="🗝" onclick="input(e);"> 
<input id="btn9" type="button" value="⭔" onclick="input(e);"> 
<input id="btn9" type="button" value="⛓️" onclick="input(e);"> 
<br> 
<input id="btn9" type="button" value="Construct!" onclick="input(e);"> 
</div>
<br> 
<br>

<!--
<p>
<textarea id="tbOutput" rows="10" cols="80" onclick="input(e);" >
  
</textarea>
</p>
-->