javascriptについて

質問

<script type="text/javascript">
//ウィンドウサイズの取得
getWindowSize();

//ウィンドウサイズを取得する
function getWindowSize() {
ZZZ = window.innerWidth;
AAA = ZZZ * 0.98;
BBB = (ZZZ * 0.98) * 0.5625;
}

document.write("<div style='border:1px solid; width:" + AAA + "px; height:" + BBB + "px;'>幅" + AAA + " 縦" + BBB + " <p></p></div><p></p>");
</script>

上記のように＜DIV>にウィンドウサイズに合わせて幅と縦を指定しているのですが、
ブラウザのウィンドウサイズが変更されたときに、＜DIV>のサイズも変更させたいのですが、
どのように記述すれば良いでしょうか？

回答No.1

t_ohta · ベストアンサー

<div id="hoge" style="border:1px solid;">幅<span id="aaa"></span> 縦<span id="bbb"></span> <p></p></div><p></p>
<script type="text/javascript">
//ウィンドウサイズの取得
getWindowSize();

// リサイズイベントの設定
window.onresize = getWindowSize;

//ウィンドウサイズを取得する
function getWindowSize() {
ZZZ = window.innerWidth;
AAA = ZZZ * 0.98;
BBB = (ZZZ * 0.98) * 0.5625;
document.getElementById("hoge").style.width = AAA + "px";
document.getElementById("hoge").style.height = BBB + "px";
document.getElementById("aaa").innerHTML = AAA;
document.getElementById("bbb").innerHTML = BBB;
}
</script>

お礼

ありがとうございました。
上手くできましたｍ