Toggle buttons

by m4xout

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Toggle Buttons for Adjectives</title>
    <style>
        .toggle-button {
            display: inline-block;
            margin: 5px;
            padding: 10px;
            background-color: red;
            color: white;
            border: none;
            cursor: pointer;
            font-weight: bold;
        }
        .toggle-button.active {
            background-color: green;
        }
    </style>
</head>
<body>
    <h1>Toggle Buttons for Adjectives</h1>
    <div id="button-container">
        <button class="toggle-button">Aggressive</button>
        <button class="toggle-button">Atmospheric</button>
        <button class="toggle-button">Blissful</button>
        <button class="toggle-button">Bittersweet</button>
        <button class="toggle-button">Brooding</button>
        <button class="toggle-button">Captivating</button>
        <button class="toggle-button">Catchy</button>
        <button class="toggle-button">Cinematic</button>
        <button class="toggle-button">Cutting-edge</button>
        <button class="toggle-button">Dark</button>
        <button class="toggle-button">Dreamy</button>
        <button class="toggle-button">Driving</button>
        <button class="toggle-button">Eclectic</button>
        <button class="toggle-button">Edgy</button>
        <button class="toggle-button">Energetic</button>
        <button class="toggle-button">Enchanting</button>
        <button class="toggle-button">Enigmatic</button>
        <button class="toggle-button">Euphoric</button>
        <button class="toggle-button">Ethereal</button>
        <button class="toggle-button">Experimental</button>
        <button class="toggle-button">Expressive</button>
        <button class="toggle-button">Expansive</button>
        <button class="toggle-button">Funky</button>
        <button class="toggle-button">Futuristic</button>
        <button class="toggle-button">Glistening</button>
        <button...