首页 > 解决方案 > 生成随机高度并应用于页面上的每个 div

问题描述

不知道为什么我要为此苦苦挣扎,但基本上我在一个页面上有一堆 div。我想为它们中的每一个生成一个不同的随机高度,然后遍历它们并应用它。

尝试为此使用 Do While(我第一次使用)。这可行,但它似乎是最好/最简单的方法吗?

谢谢你!

const images = document.querySelectorAll('section div.images')
let randomNum

const generateRandomHeight = (maxNum) => {
  randomNum = Math.floor(Math.random() * maxNum)
  return randomNum
}

images.forEach(image => {
  do {
    generateRandomHeight(400)
  }
  while (randomNum < 300)
  image.style.height = randomNum + "px"
})

标签: javascriptcss

解决方案


推荐阅读