import 'dart:html';
void main() {
InputElement word = querySelector("#userinput");
Element keypad = querySelector(".keypad");
var letters = [['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'],
['ā', 'ḍ', 'ī', 'ḷ', 'ṁ', 'ṃ', 'ñ', 'ṇ', 'ṭ', 'ū', 'ŋ', 'ṅ'] ];
for (var row = 0; row < letters.length; row++) {
var divElm = new Element.tag('div');
for (var i = 0; i < letters[row].length; i++) {
var inputElm = new InputElement();
inputElm.type = 'button';
inputElm.value = letters[row][i];
inputElm.onClick.listen((e) => word.value += e.target.value);
divElm.children.add(inputElm);
}
keypad.children.add(divElm);
}
}