diff --git a/main.mjs b/export.mjs
similarity index 70%
rename from main.mjs
rename to export.mjs
index b7dfe6a..1db5160 100644
--- a/main.mjs
+++ b/export.mjs
@@ -20,7 +20,11 @@ export function json_as_html (json, state = new Map()) {
 	const elem = document.createElement(type);
 
 	attributes.forEach(([key, value]) => {
+		// from testing: class only works with the former, onclick only work with the latter. so both are used here :)
+		// also from testing: this only works in this specific order.
+		// TODO: learn how element attribute setting works and create something more reliable.
 		elem.setAttribute(key, value);
+		elem[key] = value;
 	});
 
 	const child_nodes = use_as_array(children).map(child => json_as_html(child, state))