zrozumiecReact.pl

import { useState } from "react";
import styles from "./App.module.css";

export default function App() {
    const [selectedOption, setSelectedOption] = useState("");

    function handleChange(e) {
        setSelectedOption(e.target.value);
    }

    return <>
        <h1 className={styles.title}>Koniec szkaradnych apek!</h1>
        <section className={styles.section}>  
            {/* Jak dodać odpowiednią klasę nadającą wybrany kolor? */}
            <h2 className={styles.subtitle}>CSS</h2>
            <p className={styles.text}>
                CSS (Cascading Style Sheets) to język używany do projektowania i 
                układania stron internetowych, nadając im kolor, styl i układ.
            </p>            
        </section>
        <select onChange={handleChange}>
            <option disabled selected value>Wybierz brand kolor</option>
            <option value="blue">Niebieski</option>
            <option value="orange">Pomarańczowy</option>
            <option value="green">Zielony</option>
        </select>
    </>;
}