Terminal Cursor

<script>
    const input = document.getElementById('input')
    const cursor = document.createElement('span')
    cursor.id = 'cursor'
    input.after(cursor)
</script>
<style>
    @keyframes cursor {
        50% {
            opacity: 0;
        }
    }
    #cursor {
        animation: cursor 1s linear infinite;
        display: block;
        position: absolute;
        padding: 1rem;
        bottom: 0;
        font-size: 2rem;
        pointer-events: none;
    }
    #cursor:after {
        content: '_';
    }
</style>