index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Superˢᶜʳᶦᵖᵗ Generator</title>
</head>
<body>
<h1>Super<sup>script</sup> Generator</h1>
<!--<input type="text" oninput="newTextEntered(this)"/>-->
<textarea placeholder="Enter text here" oninput="newTextEntered(this)"></textarea>

<br>
<br>
<!--<p>Text in sup: <sup id="supText">hi</sup></p>-->
<div>
    Before Superscript<sup id="supText">{text will show up here}</sup>
    <br>
</div>
</body>
<script src="script.js"></script>
<style>
    body{
        text-align: center;
        background-color: #ffdd82;
    }
    textarea{
        width: 100%;
        height: 400px;
        resize: none;
        border: darkorange 3px solid;
        border-radius: 10px;
    }
    h1{
        font-family: Arial, Helvetica, sans-serif;
    }
    div{
        background-color: yellow;
        border-color: orange;
        border-radius: 10px;
    }
</style>
</html>