Group 1 - Irregular Verbs by @MaryCoding - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)
<body>Tag primario di un documento HTML
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
widthImposta la larghezza di un elemento HTML
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.

Users

Log in to search for users

Explore

Find inspiration

Esercizi 05/03/2024 es1

QUESTA è LA HOMEPAGE V.1

Chiara Informatica

es da correggere

esercitazione8.html

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Group 1 - Irregular Verbs</title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Montserrat', sans-serif;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #fefbd8; /* Pastel yellow */
        }
        td.verb {
            cursor: pointer;
            text-decoration: underline;
            color: #40c4ff; /* Turquoise */
        }
        tbody tr:nth-child(even) {
            background-color: #e0f7fa; /* Light blue */
        }
    </style>
</head>
<body>
    <h1>Group 1 - English Irregular Verbs</h1>
    <table>
        <thead>
            <tr>
                <th>Base Form</th>
                <th>Past Simple</th>
                <th>Past Participle</th>
                <th>Meaning</th>
                <th>Example Sentence (Present)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="verb">bet</td>
                <td class="verb">bet</td>
                <td class="verb">bet</td>
                <td>to wager or gamble</td>
                <td>I <i>bet</i> on horse races every weekend.</td>
            </tr>
            <tr>
                <td class="verb">burst</td>
                <td class="verb">burst</td>
                <td class="verb">burst</td>
                <td>to break open suddenly and violently</td>
                <td>The fireworks <i>burst</i> in the night sky during celebrations.</td>
            </tr>
            <tr>
                <td class="verb">cost</td>
                <td class="verb">cost</td>
                <td class="verb">cost</td>
                <td>to have a price</td>
                <td>Vegetables <i>cost</i> more during the winter months.</td>
            </tr>
            <tr>
                <td class="verb">cut</td>
                <td class="verb">cut</td>
                <td class="verb">cut</td>
                <td>to make an opening or incision</td>
                <td>She <i>cuts</i> her hair at the salon every month.</td>
            </tr>
            <tr>
                <td class="verb">hit</td>
                <td class="verb">hit</td>
                <td class="verb">hit</td>
                <td>to strike with force</td>
                <td>The boxer <i>hits</i> the punching bag during training sessions.</td>
            </tr>
            <tr>
                <td class="verb">hurt</td>
                <td class="verb">hurt</td>
                <td class="verb">hurt</td>
                <td>to cause pain or injury</td>
                <td>My knee <i>hurts</i> after running long distances.</td>
            </tr>
            <tr>
                <td class="verb">let</td>
                <td class="verb">let</td>
                <td class="verb">let</td>
                <td>to allow or permit</td>
                <td>They always <i>let</i> their dog play in the backyard.</td>
            </tr>
            <tr>
                <td class="verb">put</td>
                <td class="verb">put</td>
                <td class="verb">put</td>
                <td>to place something in a particular position</td>
                <td>He <i>puts</i> his keys on the table when he comes home.</td>
            </tr>
            <tr>
                <td class="verb">set</td>
                <td class="verb">set</td>
                <td class="verb">set</td>
                <td>to put in a specified position or condition</td>
                <td>She <i>sets</i> the table for dinner every evening.</td>
            </tr>
            <tr>
                <td class="verb">shut</td>
                <td class="verb">shut</td>
                <td class="verb">shut</td>
                <td>to close something forcefully</td>
                <td>Please <i>shut</i> the door quietly.</td>
            </tr>
            <tr>
                <td class="verb">split</td>
                <td class="verb">split</td>
                <td class="verb">split</td>
                <td>to divide or separate into parts</td>
                <td>They often <i>split</i> a pizza when they have dinner together.</td>
            </tr>
            <tr>
                <td class="verb">spread</td>
                <td class="verb">spread</td>
                <td class="verb">spread</td>
                <td>to extend over a large or increasing area</td>
                <td>The news about the event <i>spreads</i> quickly through social media.</td>
            </tr>
            <tr>
                <td class="verb">upset</td>
                <td class="verb">upset</td>
                <td class="verb">upset</td>
                <td>to make someone unhappy or worried</td>
                <td>Her sudden departure <i>upsets</i> her family.</td>
            </tr>
        </tbody>
    </table>

    <audio id="audio" controls style="display: none;">
        <source src="" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

    <script>
        document.querySelectorAll('.verb').forEach(item => {
            item.addEventListener('click', event => {
                const audio = document.getElementById('audio');
                const verb = item.innerText;
                const audioFile = `${verb}.mp3`;
                audio.src = audioFile;
                audio.play();
            });
        });
    </script>
</body>
</html>