javascript - HTMLで、選択した背景色で新しいウィンドウを開きます

Question

HTMLページには、赤、緑、青の3つのラジオボタンが含まれています。ラジオボタンのいずれかを選択した場合は、新しいウィンドウを開く必要があり、そのウィンドウの背景色を選択したラジオボタンの色にする必要があります。誰かがこれを解決する方法を私に助けてもらえますか。

Answer 1

これを試してください（jsbin.comのデモ、ポップアップを許可する必要がある場合があります）：

HTML：

<label for="red">Red</label>
<input type="radio" id="red" name="windowcolor" data-color="red" />
<label for="green">Green</label>
<input type="radio" id="green" name="windowcolor" data-color="green" />
<label for="blue">Blue</label>
<input type="radio" id="blue" name="windowcolor" data-color="blue" />

JavaScript：

function openWindowWithColor() {
  var color = this.getAttribute("data-color");
  console.debug("Open new window with color: " + color);
  var myNewWindow = window.open();
  myNewWindow.document.body.style.background = color;
} 

var radios = document.getElementsByTagName("input");

for(var i = 0; i < radios.length; i++) {
  radios[i].addEventListener("change", openWindowWithColor);
}

Answer 2

<script>
    function open(var color){
        //window.open("new_page.html#"+color);
        var myNewWindow = window.open("url");
        myNewWindow.document.body.style.background = color;
    }
</script>

<input type="radio" onclick="open('red')" />
<input type="radio" onclick="open('green')" />
<input type="radio" onclick="open('blue')" />

Answer 3

var newwindow = window.open('popup.aspx','Color Popup','height=400,width=200');
newwindow.document.body.style.background = "#000";