Javascript 如何根据另一个元素随机生成的高度设置css元素的高度？

我试图在两个“墙”之间创建一个100px的一致间隙，一个在屏幕顶部的“wallTop”，一个在底部的“wallBot”，就像Flappy Bird一样。我使用了“wallTop”上的Math.random来随机化它的高度，以便随机化间隙的位置，但是如何根据“wallTop”的随机化高度设置“wallBot”的高度

这是我试过的

var wallGap = 100;
var wallTop = document.getElementById("wallTop");
var constant= (wallTop.height+wallGap);

$("#wallTop").css("height",Math.round(Math.random()*150+70)+"px");
$("#wallBot").css("height",450-constant+"px");

450是整个容器的高度，因此我试图在减去“wallTop”和“wallGap”后找到余数，这将是“wallBot”的高度。

在为wallTop设置新高度后，您的常数不会神奇地改变。请注意，wallTop.height将是未定义的，因为元素没有属性height

---

使用计算功能：计算100%-可变高度

    var wallGap = 100;
    var wallSpace = 450 - wallGap;
    var wallTop = $("#wallTop");
    var wallBot = $("#wallBot");

    wallTop.height(Math.round(Math.random()*150+70));
    wallBot.height(wallSpace - wallTop.height());