您提供的程式碼片段幾乎正確,但是在JavaScript程式碼的最後一行中存在一些問(wèn)題。以下是已更正的版本及其解釋:
function rotatePerson() { const person = document.getElementById("person"); var angle = document.getElementById("thetaRange").value; // 獲取角度的值 person.style.transform = "rotate(" + angle + "deg)"; // 將角度變量連接到transform屬性中 }
解釋:
1. rotatePerson
函數(shù)使用getElementById
選擇了具有ID 為"person" 的元素,並將其賦值為變數(shù)person
。
2. 接下來(lái),它使用 getElementById
和存取 value
屬性從具有 ID 為 "thetaRange" 的元素中取得角度的值。該值表示滑桿上目前選擇的角度。
3. 最後,程式碼將 person
元素的 style.transform
屬性設(shè)為 rotate(" angle "deg)
。這將動(dòng)態(tài)地將旋轉(zhuǎn)應(yīng)用於 person
元素,使用從滑桿取得的度數(shù)值 angle
。
透過(guò)在滑桿值更改時(shí)呼叫 rotatePerson
函數(shù),人物元素將根據(jù)所選的角度進(jìn)行旋轉(zhuǎn)。