index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>If ____ has a million fans, I am one of them</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <span class="text fixed-text">If </span>
        <span class="text variable-text"></span>
        <span class="text fixed-text">has a million fans, I am one of them</span>
    </div>
    <div class="options">
        <input id="name" type="text" required placeholder="Gawr Gura"/>
        <button id="submit" type="button">Now get your work, you simp!</button>
            <p>If <span class="change">Suisei</span> has a million fans, then I am one of them</p>
            <p>If <span class="change">Suisei</span> has ten fans, then I am one of them</p>
            <p>If <span class="change">Suisei</span> has one fan, then that is me</p>
            <p>If <span class="change">Suisei</span> has no fan, then I am dead</p>
            <p>If the world is against <span class="change">Suisei</span>, then I am against the world</p>
    </div>
    <script src="script.js"></script>
</body>
</html> 