简单篮球动作Javascript

发生的情况：当我按下空格键时，球向上移动并停止；当再次按下时，球向下移动

我需要：当我按下空格键时，球应该向上移动然后向下移动

我想知道如何用一次点击重复这个功能两次。。。它看起来很简单；我试着在按下空格键时循环两次，但它并没有像我预期的那样工作。有什么建议吗

var body=document.getElementById（'body'）；
var basketball=document.getElementById（'basketball'）；
var x=0；
var y=0；
var计数器=0；
var inc=数学PI/100；
正文.addEventListener（'keydown'，函数（e）{
var ek=e.which；
如果（ek==32）{
对于（var i=0；i不需要循环和其他东西，您只需使用css并添加一个类，将
底部的
从0更改，并在一段时间后使用
setTimeout
将其删除（您需要单击示例，以便获得焦点和关键事件）


var body=document.getElementById（'body'）；
var basketball=document.getElementById（'basketball'）；
正文.addEventListener（'keydown'，函数（e）{
basketball.classList.add（'up'）；
setTimeout（函数（）{
basketball.classList.remove（'up'）；
}, 300);
})；
篮球
{
过渡：所有1；
宽度：75px；
位置：绝对位置；
底部：0；
左:10 ;；
}
#篮球，起来{
底部：25px；
}

篮子
试试这个（函数本身调用）：


var body=document.getElementById（'body'）；
var basketball=document.getElementById（'basketball'）；
var x=0；
var y=0；
var计数器=0；
var inc=数学PI/100；
功能弹跳（e、norecall）{
var ek=e.which；
console.log（'keydown'）；
如果（ek==32）{
对于（var i=0；i