Einen Weg finden, HTML und CSS erfolgreich auf WordPress auszuführen

Ich betreibe eine Kamin-Website, fireplaceadviser.com, die sich auf Informationsinhalte über Elektro-, Gas- und Holzkamine konzentriert. Ich habe vor, auf meiner Website eine Werkzeugseite zu entwickeln, die die ideale Größe für einen Kamin ermittelt. Ich habe den folgenden Code, aber wenn ich ihn auf meiner WordPress-Website umsetze, erhalte ich eine Fehlermeldung. Kann mir jemand dabei helfen?

`

Kamingrößenrechner

Kamingrößenrechner

Raumlänge (Fuß):



Raumbreite (Fuß):



Raumhöhe (Fuß):


Berechnen Sie die Kamingröße

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

`

Ich habe den folgenden Code auf meiner Website mithilfe der HTML-Einbettungsfunktion in WordPress ausprobiert, aber er hat nicht funktioniert. Ich möchte wissen, wie ich diesen Code erfolgreich auf meiner Website implementieren kann.

Das obige ist der detaillierte Inhalt vonEinen Weg finden, HTML und CSS erfolgreich auf WordPress auszuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!