尋找在 WordPress 上成功運行 HTML 和 CSS 的方法

我正在經營一個壁爐網站，firewalladviser.com，專注於有關電、燃氣和燃木壁爐的資訊內容。我計劃在我的網站上開發一個工具頁面，以找到壁爐的理想尺寸。我有下面的程式碼，但是當我在我的 WordPress 網站上實現它時，它給了我一個錯誤。誰能幫我解決這個問題嗎？

`

壁爐尺寸計算器

壁爐尺寸計算器

房間長度（英尺）：



房間寬度（英尺）：



房間高度（英尺）：


計算壁爐尺寸

<footer>
    <p>Created by <a href="https://fireplaceadviser.com" target="_blank">fireplaceadviser.com</a></p>
</footer>

<script>
    function calculateFireplaceSize() {
        const length = document.getElementById('roomLength').value;
        const width = document.getElementById('roomWidth').value;
        const height = document.getElementById('roomHeight').value;

        if (length && width && height) {
            const roomVolume = length * width * height;
            const recommendedFireplaceSize = roomVolume * 0.034; // Example calculation
            document.getElementById('result').innerText = 
                `Recommended Fireplace Size: ${recommendedFireplaceSize.toFixed(2)} cubic feet per hour`;
        } else {
            document.getElementById('result').innerText = 'Please fill in all fields.';
        }
    }
</script>

`

我使用 WordPress 中的 HTML 嵌入功能在我的網站上嘗試了以下程式碼，但它不起作用。我想知道在我的網站上成功實現此程式碼的方法。

以上是尋找在 WordPress 上成功運行 HTML 和 CSS 的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！