TinyWord

A very tiny (500 character) clone of a certain word guessing game. Try guessing the 5-letter word by typing in the field. Hit enter to guess. Any letters that are correct and in the correct position will be marked in green, any letters that are correct, but not in the correct place are marked in yellow.

You have six tries in total to guess the word.

Comes with a total of six words built-in!

Entire source code can be found here:

<style>body,p>*{width:100%;background:#000;color:#fff}p,h1{width:20%;margin:auto}#a{background:#444}p{height:5em}</style><script>t=0;a=new Date()%6*5;w=atob('Z2FtZXNqYW1teXNtYWxsYmlyZHNncmVlbmhlbGxv').slice(a,a+5);c=v=>t++>5||v.length!=5||(document.getElementById('a').innerHTML+=`<tr>${[...v].map((e,i)=>`<td style=height:2em;background:${w[i]==e?'#4c4':w.includes(e)&&'#aa0'}>${e}</td>`).join('')}</tr>`)</script><h1>TinyWords</h1><p><input maxlength=5 autofocus onchange=c(value)><table id=a></table>

You can add your own words using a handy tool (conveniently also less than 280 characters):

<script>c=()=>document.body.innerHTML+=`<input maxlength=5 onchange=a()>`;a=()=>document.getElementById('a').innerText='replace Z2Ft... with: '+btoa([...document.getElementsByTagName('input')].map(e=>e.value).join(''))</script><p id=a></p><button onclick=c()>+

There is a mini version with just 280 characters to fit into Twitter:

<script>g=0;a=new Date()%3*5;w=atob('Z2FtZXNqYW1teXNtYWxs').slice(a,a+5);c=v=>g++>5||(document.getElementById('a').innerHTML+=`<tr>${[...v].map((e,i)=>`<td style=background:${w[i]==e?'#4c4':w.includes(e)&&'#cc0'}>${e}`).join('')}`)</script><input onchange="c(value)"><table id="a"></table>

Made for the TweetTweetJam 8.