單擊單選按鈕時如何調整圖像大小

Question

嘗試調整披薩大小時遇到​​一些問題。 單選按鈕表明它是小/中/大比薩餅，並且比薩餅圖像需要根據單擊的大小來更改其尺寸。 這是我到目前為止的內容：

function togglesize()
{
    var size;
    if (document.getElementById("small").checked)
    {
        size = 400px;
    }
    else if (document.getElementById("medium").checked)
    {
        size = 600px;
    }
    else
    {
        size = 800px;
    }

    document.getElementById("crust").style.height = size;
    document.getElementById("crust").style.width = size;
    document.getElementById("cheesea").style.height = size;
    document.getElementById("cheesea").style.width = size;
    document.getElementById("olivesa").style.height = size;
    document.getElementById("olivesa").style.width = size;
    document.getElementById("bacona").style.height = size;
    document.getElementById("bacona").style.width = size;
    document.getElementById("pepperonia").style.height = size;
    document.getElementById("pepperonia").style.width = size;
}

但是，每當我保存並嘗試使用我的網頁時，所有內容都會停止工作。 當我從HTML文檔中刪除該網頁時，網頁將按應有的方式工作，但我只是無法更改披薩圖片的大小。

有人可以幫幫我嗎？

Answer 1

寬度和高度是文本值。 “ px”不是Java認可的量度，而是CSS：

//Note the quotes
size = "400px";