Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<html>
<head>
<script>
var keys=[['1','2','3','4','5','6','7','8','9','0','-','=','<-'],
['Q','W','E','R','T','Y','U','I','O','P','[',']','\\'],
['A','S','D','F','G','H','J','K','L',';','\''],
['Z','X','C','V','B','N','M',',','.','/']];
function init(){
var output='';
for(var i=0;i<keys.length;i++){
output+="<div style=\"margin-left:"+(i*15)+"\">"
for(var j=0;j<keys[i].length;j++){
output+="<input type=button class=key onclick=add(escape(this.value)) value=\""+keys[i][j]+"\">"
}
output+="</div>"
}
document.getElementById("keyboard").insertAdjacentHTML("afterBegin",output);
}
function add(key){
if(unescape(key)=='<-'){
document.f.input.value=document.f.input.value.substring(0,document.f.input.value.length-1);
}else{
document.f.input.value+=unescape(key)
}
}
</script>
<style>
.key{
width: 30px;
height: 30px;
}
</style>
</head>
<body onload="init()">
<form name="f" action="addToChat.asp">
<input type="text" name="input" size="50" readonly>
<div id="keyboard">
<input type="button" value="Space" style="width:400px" onclick="add('%20')">
</div>
</form>