JSFiddle - React, Tailwind, and code Playground

HTML

<script>
f=(a,b)=>((s=[...(`
|          |`).repeat(10)])[17]=s[30]='|',s[18]='>',s[43]=0,s[a+=1+b*13]='o',(a-17&&a-30?a-18?a-43?'Try Again!':'Hole in One!':'Close One!':'Lucky Shot!')+s.join``)
</script>
<input id = "x" type = "text" placeholder = "x"><br/>
<input id = "y" type = "text" placeholder = "y"><br/>
<textarea id = "result" cols = "100" rows = "20" placeholder = "Result"></textarea><br/>
<input id = "compute" type = "button" value = "Compute">

JavaScript

const ge = a => document.getElementById(a);
const x = ge('x');
const y = ge('y');
const result = ge('result');
const compute = ge('compute');

compute.addEventListener('click', a => result.value = f(x.value | 0, y.value | 0));