javascript - サイズ変更時に要素を移動

Question

私はブラックボックスを持っています

<div id="blackbox" style="margin-left:0px; background-color:black; width:20px; height:20px;">

onresize では、screen.width から 1 ピクセル減るごとに 'blackbox'.margin-left を 2 ピクセルずつ増やす必要があります。

サイズ変更による視差

これをJavaScriptに変換する必要があります

    function move() {
        var screenwidth = screen.width
        var innerwidth = window.innerwidth
        var x = screenwidth - innerwidth
        document.getElementById("blackbox").style.marginLeft = (x * 2) + "px";
    }
        window.onresize = move;