Here's a Stack Snippet:
for(var o of document.getElementsByTagName("input")){(o=>o.addEventListener("change",e=>console.log(o.value=o.value?o.value[0]:"")))(o)};
input{width:1em;}
<input /><input /><input /><input /><input /><input /><input /><input />
Here's the markup to create such a Stack Snippet:
for(var o of document.getElementsByTagName("input")){(o=>o.addEventListener("change",e=>console.log(o.value=o.value?o.value[0]:"")))(o)};
input{width:1em;}
<input /><input /><input /><input /><input /><input /><input /><input />
Oh. In the edit window it looks like this:
<pre>fed8cd34-c447-9c25-6a88-70385d84a60e</pre>
(except with a UUID that changes randomly whenever I type a key into the edit window) but in the actual question, it looks much more hideous, as you can see.