我想制作一个记录多项内容的游戏。
因此，每次按下“提前一年”按钮时，按下自己的按钮后生成的角色的年龄将显示为其原始自动生成年龄的一倍。
我是编码的新手，这一切对我来说都是新的，但我真的很受启发去制作一个模拟器类型的自动生成。
我似乎无法在 HTML 上显示更新的年龄。如果这很糟糕并且看起来很愚蠢，我深表歉意，我对编码很陌生，这个项目让我很困惑。
[ 我的 Javascript，HTML，写在 VSC 上]
到目前为止，这是我的 Javascript 代码：
const testTime = document.createElement("testTime");
testTime.classList.add('testTime');
document.body.appendChild(testTime);
testTime.setAttribute("id", "testTime");
var cEBtn = document.createElement("button");
document.body.appendChild(cEBtn);
cEBtn.innerHTML = "Change Year";
cEBtn.setAttribute("id", "cEBtn");
testTime.innerHTML = "Year: 0";
let year = 0;
cEBtn.onclick = function changeYear() {
year++;
testTime.innerHTML = "Year:" + " " + year;
return year;
}
console.log(year);
//Attribute: Name
let firstNames = ["Kai", "Luca", "Talon", "Marce", "Caleb", "Debra",
"Yvette", "Grey", "Ellison", "Judan", "Indigo", "Zion"];
let lastNames = ["Samuels", "Hillick", "Kori", "Asher", "Paul", "Ozzla",
"Allen", "Belko", "Wilson", "Adams", "Johnson", "Pierceson"];
//Create Person Function
function createPerson() {
const resident = document.createElement("resident");
resident.classList.add('resident');
document.body.appendChild(resident);
const name = document.createElement("div");
resident.append(name);
name.setAttribute("id", "name");
name.innerHTML = determineName();
function determineName() {
let name = firstNames[Math.floor(Math.random() * firstNames.length)] + " " + lastNames[Math.floor(Math.random() * lastNames.length)];;
return name;
}
var age = document.createElement("div");
resident.append(age);
age.setAttribute("id", "age");
let Age = Math.floor(Math.random() * (60 - 18) + 18);
age.innerHTML = Aging();
function Aging(){
return Age;
}
if (cEBtn.onclick === true){
age.innerHTML = Aging()++;
}
}
if (cEBtn.onclick == true){
console.log("Hi")
}
这是我的 HTML 文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header>
<div class="header-title-container"></div>
<h1>simulation prototype</h1>
</div>
<button class="createperson" onclick="createPerson()">Create Person</button>
</header>
<script src="index.js"></script>
</body>
</html>
[如果我错误地格式化了这个问题，我也很抱歉。]