我正在嘗試制作一個簡單的游戲，其中背景每 20 次跳躍就會改變一次。有這個問題。當跳躍計數器達到 20 時，背景不會改變。我不知道我做錯了什么。我嘗試使用“document.getElementById('sample').innerhtml”將 CSS 代碼更改為更改背景的更新 CSS。它似乎不起作用。我檢查了 JavaScript 控制臺，它說的是“未捕獲的 TypeError：無法在 index.html:15 處設置屬性 'innerHTML' of null”。目前使用一個按鈕來測試跳躍。這是整個文件：（我知道它很亂）<html><head> <title>Background Slide Test</title> <script type="text/javascript"> var jump_count = 0; //Mechanics for the character to jump (Jump counter and character movement) function incline(){ jump_count++; document.getElementById('counter').innerHTML = "<h1 class='counter'>Jump Count: " + jump_count + "</h1>"; document.getElementById('jump_animation').innerHTML = ".jump{animation:jump 0.4s linear;}@keyframes jump{0%{transform:translate3d(0, 0, 0);}50%{transform:translate3d(0, -300px, 0);}100%{transform:translate3d(0, 0, 0);}}"; } //If, else if, else: Changes the scene according to amount of jumps if (jump_count < 20){ //This willchange the background to be 'field.png' document.getElementById('background').innerHTML = "html{background-color:black;animation:day_cycle 180s linear infinite;}.background{background:url('test.png') repeat-x;height:100%;width:3050px;animation:slide 3s linear infinite;}@keyframes slide{0%{transform:translate3d(0, 0, 0);}100%{transform:translate3d(-1600px, 0, 0);}}@keyframes day_cycle{0% {background-color:#0063fd;}15% {background-color:orange;}30% {background-color:red;}45% {background-color:#4B0082;}60% {background-color:red;}75% {background-color:orange;}100% {background-color:#0062fd;}}"; } else if (jump_count > 20 && jump_count < 40){ } else { //Nothing happens } //This is where when the space button is pressed, the sprite will jump //This does nothing yet function space(){ if (e.key === 37){ jump_count++; } else { //Nothing will happen } } </script>
HTML中的背景不會根據可變數字而改變
料青山看我應如是
2022-06-09 19:32:52
