<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PRNG sentences</title>
<meta itemprop="name" content="PRNG Sentences" />
<meta property="og:title" content="PRNG Sentences" />
<meta property="twitter:title" content="PRNG Sentences" />
<meta
name="description"
content="helper for prng sentences made with prngnouns"
/>
<meta
property="og:description"
content="helper for prng sentences made with prngnouns"
/>
<meta
property="twitter:description"
content="helper for prng sentences made with prngnouns"
/>
<meta property="og:site_name" content="PRNG sentences" />
<meta name="theme-color" content="#eedd33" />
<style>
:root {
--accent: #eedd33;
}
</style>
<script>
const render = text => {
return text;
};
window.onload = () => {
const words = document.getElementById("words");
const output = document.getElementById("output");
words.addEventListener(
"change",
() => (output.value = render(words.value))
);
words.addEventListener(
"keyup",
() => (output.value = render(words.value))
);
};
</script>
</head>
<body>
<textarea id="words"></textarea>
<textarea readonly id="output"></textarea>
</body>
</html>