Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Posizione casuale

Lezione 8 di 18 del corso Nuvole in movimento - Progetto HTML/CSS/JS di Coddy.

Per ottenere un numero casuale (da 0 a 1) in JavaScript, usa:

Math.random()
challenge icon

Sfida

Facile

Nella lezione precedente, abbiamo modificato la posizione della nuvola dal codice JavaScript; ora rendiamo casuale la posizione.

Fai apparire la nuvola in una posizione casuale usando le proprietà di stile top e left.

Impostale su un valore casuale compreso tra 0% e 100%.

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi il codice HTML qui -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Nuvole in movimento - Progetto HTML/CSS/JS

1Introduzione

Introduzione

4Giocare con JS

Creare la nuvolaLezione di progettoPosizione casualeLezione di progettoDimensione casualeLezione di progetto

2Contenitore

CorpoContenitoreLezione di progetto

5Nuvola in movimento

Valori fissiLezione di progettoSpostati a destraLezione di progettoDirezioni alternateLezione di progettoInizia subitoLezione di progettoRandomizza tuttoLezione di progetto

3Il Cloud

Cloud ILezione di progettoCloud IILezione di progettoCloud IIILezione di progetto

6Molte nuvole

Inserire HTML usando JSLezione di progettoInserire nuvoleLezione di progettoIterare su tuttiLezione di progettoRitocchi finaliLezione di progetto

Esercitati da solo: Playground Web