ランダムな位置
Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 8/18。
JavaScriptで(0から1までの)乱数を取得するには、次を使用します:
Math.random()チャレンジ
簡単前回のレッスンでは、JavaScriptコードから雲の位置を変更しましたが、今度は位置をランダムにしてみましょう。
top と left のスタイルプロパティを使用して、雲をランダムな位置に表示させてください。
それらを 0% から 100% の間のランダムな値に設定してください。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>