Menu
Coddy logo textTech

Position aléatoire

Leçon 8 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.

Pour obtenir un nombre aléatoire (de 0 à 1) en JavaScript, utilisez :

Math.random()
challenge icon

Défi

Facile

Dans la dernière leçon, nous avons modifié la position du nuage à partir du code JavaScript, maintenant rendons cette position aléatoire.

Faites apparaître le nuage dans une position aléatoire en utilisant les propriétés de style top et left.

Définissez-les sur n'importe quelle valeur aléatoire entre 0% et 100%.

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS