WordPress에서 HTML과 CSS를 성공적으로 실행하는 방법 찾기

저는 전기, 가스, 장작 벽난로에 대한 정보 콘텐츠에 초점을 맞춘 벽난로 웹사이트 Fireadviser.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 중국어 웹사이트의 기타 관련 기사를 참조하세요!