我對 javascript 很陌生。我正在嘗試創建一個網站，您可以在其中輸入您的出生時間并找出您的年齡（以天為單位）。我的輸出（變數）也在 JS 中，那么如何匯入它并在 CSS 中設定樣式？
這是Javascript代碼：
function ageInDays() {
// variables
var birthYear = prompt("What Year Were You Born In?");
var ageInDayss = (2021 - birthYear) * 365;
var textAnswerYikes = "Yikes... that's old"
// variable CSS
//text
var h1 = document.createElement('h1');
var textAnswer = document.createTextNode("You are " ageInDayss " days old. "
textAnswerYikes)
h1.setAttribute('id', 'ageInDays');
h1.appendChild(textAnswer);
document.getElementById('flex-box-result').appendChild(h1);
}
uj5u.com熱心網友回復：
我假設您的“匯入”意味著在 HTML 中包含您的 h1。如果是這樣，您可以簡單地將您的 h1 附加到 HTML 正文或您希望在其中包含的任何其他 HTML 元素（例如 div）中。
您的 JavaScript 檔案：
//text
var h1 = document.createElement('h1');
// add inner text to your h1 using string template literal.
h1.innerText = `You are ${ageInDayss} days old. ${textAnswerYikes}`;
h1.setAttribute('id', 'ageInDays');
document.body.append(h1) // <- append your h1 into HTML body or other HTML element
document.getElementById('flex-box-result').appendChild(h1);
要設定 h1 的樣式，您只需選擇分配給它的 ID (ageInDays) 并在 CSS 檔案中設定樣式。
你的 CSS 檔案：
#ageInDays {
/* your CSS styling code goes here */
}
希望這能回答您的問題。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/381403.html
標籤：javascript css dom 进口
上一篇：我正在使用ReactRoute，我有一個隨機字串，但是當我單擊鏈接頁面時可以作業，但是當再次單擊時不起作用
下一篇：特定表格HTML的可訪問性合規性