WordPress で HTML と CSS を正常に実行する方法を見つける

私は、電気、ガス、薪暖炉に関する情報コンテンツに重点を置いた暖炉 Web サイト fireplaceadviser.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 中国語 Web サイトの他の関連記事を参照してください。