寻找在 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中文网其他相关文章！