Menu
Coddy logo textTech

Posición aleatoria

Lección 8 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.

Para obtener un número aleatorio (de 0 a 1) en JavaScript, utiliza:

Math.random()
challenge icon

Desafío

Fácil

En la última lección, modificamos la posición de la nube desde el código JavaScript, ahora vamos a aleatorizar la posición.

Haz que la nube aparezca en una posición aleatoria usando las propiedades de estilo top y left.

Establécelas en cualquier valor aleatorio entre 0% y 100%.

Pruébalo tú mismo

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

Todas las lecciones de Nubes en movimiento - Proyecto de HTML/CSS/JS