无法使用javascript更新css中的图像位置

在我的程序中，有一些跑步者（动画图像）在单击开始按钮时从位置x移动到y，我想在完成时添加一个（反转）按钮，当单击该按钮时，图像从y移动到x

以下是我的js小提琴的链接：

我添加了反转按钮，但当点击该按钮时，图像根本不移动

class管理器{
总状花序数=0；
种族=[]；
addRace（）{
var mainContainer=document.getElementById（'mainContainer'）；
mainContainer.appendChild（document.createElement（'br'））；
var race=新的竞赛等级（此为.racecont）；
这个。比赛。推（比赛）；
这个.racecont++；
}
}
阶级竞赛阶级{
跑步者=[]；
计数
runnerCount=0；
raceDiv=document.createElement（'div'）；
raceNum=document.createElement（'div'）；
startRaceButton=document.createElement（'input'）；
addRunnerButton=document.createElement（'input'）；
revRaceButton=document.createElement（'input'）；
tableDiv=document.createElement（'div'）；
tableNum=document.createElement（'div'）；
startInterval；
开始时间；
重新开始时间；
反向区间；
建造师（编号）{
//储存比赛号码。
this.count=数字；
//delcare竞赛组id
this.raceNum.id='raceNum'+this.count；
//delcare表div id
this.tableNum.id='tableNum'+this.count；
//将raceDiv添加到比赛中
document.getElementById（'races'）.appendChild（this.raceDiv）；
//将tableDiv添加到比赛中
document.getElementById（'tables'）.appendChild（this.tableDiv）；
此参数为.applyDivProperty（）；
this.initializeButtons（）；
}
applyDivProperty（）{
//将属性应用于tableNum
this.tableNum.style.display=“内联块”；
//将属性应用于raceDiv
this.raceDiv.id=“Race”+this.count；
document.getElementById（this.raceDiv.id）.classList.add（“raceDivClass”）；
this.raceDiv.appendChild（this.raceNum）；
document.getElementById（this.raceNum.id）.innerHTML='Race:'+this.count+'
'；
//附加addrace按钮
this.raceDiv.appendChild（this.addRunnerButton）；
//将属性应用于tableDiv
this.tableDiv.id=“Table”+this.count；
document.getElementById（this.tableDiv.id）.classList.add（“tableClass”）；
this.tableDiv.appendChild（this.tableNum）；
document.getElementById（this.tableNum.id）.innerHTML='表：'+this.count+'
'；
}
初始化按钮（）{
//初始化添加运行程序按钮
this.addRunnerButton.type='Button'；
this.addRunnerButton.value='addrunner'；
this.addRunnerButton.id='AddRunner'+this.count；
this.addRunnerButton.onclick=this.addRunner.bind（this）；
//初始化开始比赛
this.startRaceButton.type='Button'；
this.startRaceButton.value='Start Race'；
this.startRaceButton.id=“startRaceButton”+this.count；
this.startRaceButton.onclick=this.startRace.bind（this）；
//初始化反向赛道巴特顿
this.revRaceButton.type='Button'；
this.revRaceButton.value='Reverse Race'；
this.revRaceButton.id=“revRaceButton”+this.count；
this.revRaceButton.onclick=this.revRace.bind（this）；
}
addRunner（）{
var track=newrunner（this）；//初始化Runner对象
this.runners.push（track）；//将runner对象存储在Race类的runners数组中
如果（this.runnerCount>0）{
//附加开始比赛按钮
this.raceDiv.appendChild（this.startRaceButton）；
}
这个.runnerCount++；
}
星迹（）{
this.startTime=Date.now（）；
this.startInterval=setInterval（（）=>{
this.runners.forEach（函数（元素）{
元素。动画（）；
});
document.getElementById（this.startRaceButton.id）.disabled=“true”；
document.getElementById（this.addRunnerButton.id）.disabled=“true”；
}, 50);
}
停止（）{
clearInterval（此为startInterval）；
//附加开始比赛按钮
this.raceDiv.appendChild（this.revRaceButton）；
}
revRace（）{
this.revStartTime=Date.now（）；
this.reverseInterval=setInterval（（）=>{
this.runners.forEach（函数（元素）{
元素。animateReverse（）；
});
document.getElementById（this.revRaceButton.id）.disabled=“true”；
}, 50);
}
stopRev（）{
clearInterval（此为反向Interval）；
}
}
班长{
计数=0；
父母亲
轨道；
(传说中的)精灵
时间；
轨道宽度；
元素；
速度
桌子
打印计数=1；
步数=1；
trackNum；
tbl；
最后一步；
建造师（种族）{
//初始化div
这个。父母=种族；
this.track=document.createElement（'div'）；
this.sprite=document.createElement（'div'）；
this.table=document.createElement（'table'）；
//将#id分配给与父div对应的表和磁道。
this.table.id=race.tableNum.id+'\u table'+this.parent.runnerCount；
this.track.id=race.raceNum.id+''u track'+this.parent.runnerCount；
这是createUI（）；
this.timetake=（（Math.random（）*5）+3）；
this.speed=this.trackWidth/（this.timetake*1000）；
console.log（this.trackWidth，this.timetake）；
console.log（this.timetake*100）；
}
createUI（）{
this.count=this.parent.runnerCount；
这个.createTable（）；
这是createTrack（）；
这个.createSprite（）；
}
createTable（）{
var parentDiv1=document.getElementById（this.parent.tableNum.id）；
parentDiv1.appendChild（此.table）；
this.table.setAttribute=“border”
this.table.border=“1”；
document.getElementById（this.table.id）.classList.add（“tableClass”）；
this.tbl=document.getElementById（this.table.id）；
this.addRow（“Track”+（this.count+1），”）；
这是addRow（“时间”、“距离”）；
}
addCell（tr，val）{
var td=document.createElement（'td'）；
td.innerHTML=val；
tr.D.儿童（td）
}
addRow（val_1，val_2）{
var tr=document.createElement（'tr'）；
这是addCell（tr，val_1）；
this.addCell（tr，val_2）