Mencari cara untuk berjaya menjalankan HTML dan CSS pada WordPress

Saya menjalankan tapak web pendiangan, fireplaceadviser.com, yang memfokuskan pada kandungan maklumat tentang pendiangan elektrik, gas dan kayu. Saya mempunyai rancangan untuk membangunkan halaman alat di tapak web saya yang mencari saiz ideal untuk pendiangan. Saya mempunyai kod di bawah, tetapi apabila saya melaksanakannya di laman web WordPress saya, ia memberi saya ralat. Bolehkah sesiapa membantu saya dengan ini?

`

Kalkulator Saiz Pendiangan

Kalkulator Saiz Perapian

Panjang Bilik (kaki):



Lebar Bilik (kaki):



Ketinggian Bilik (kaki):


Kira Saiz Pendiangan

<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>

`

Saya mencuba kod di bawah pada tapak saya menggunakan ciri benam HTML dalam WordPress, tetapi ia tidak berjaya. Saya ingin tahu kaedah untuk melaksanakan kod ini pada tapak saya dengan jayanya.

Atas ialah kandungan terperinci Mencari cara untuk berjaya menjalankan HTML dan CSS pada WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!