繁体   English   中英

我在退货方面有些麻烦

I've got some troubles with return

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个麻烦:单击按钮时,我需要返回一个块的位置并按住直到下一次单击。 下次单击时,我需要保持位置并再次更改它并保持其编号。 并使其成为永恒的xD。 但是我做错了。 请帮忙。
还有一点:我需要通过单击重置按钮来设置重置位置。 重置必须为1。

 window.onload = function core() { // creating elements let platform = document.createElement('div'); platform.setAttribute('id', 'platform'); document.body.appendChild(platform); let up = document.createElement('button'); up.setAttribute('id', 'up'); up.setAttribute('class', 'actionButton'); document.body.appendChild(up); document.getElementById('up').innerHTML = 'up'; let down = document.createElement('button'); down.setAttribute('id', 'down'); down.setAttribute('class', 'actionButton'); document.body.appendChild(down); document.getElementById('down').innerHTML = 'down'; let left = document.createElement('button'); left.setAttribute('id', 'left'); left.setAttribute('class', 'actionButton'); document.body.appendChild(left); document.getElementById('left').innerHTML = 'left'; let right = document.createElement('button'); right.setAttribute('id', 'right'); right.setAttribute('class', 'actionButton'); document.body.appendChild(right); document.getElementById('right').innerHTML = 'right'; let reset = document.createElement('button'); reset.setAttribute('id', 'reset'); reset.setAttribute('class', 'actionButton'); document.body.appendChild(reset); document.getElementById('reset').innerHTML = 'reset'; // binding platform let count = 0; let defaultPosition = 1; for (let i = 1; i < 101; i++) { let grid = document.createElement('button'); grid.setAttribute('id', i); grid.setAttribute('class', 'eachGridBlock'); document.getElementById('platform').appendChild(grid); count++; if (count === 10) { let newLine = document.createElement('br'); document.getElementById('platform').appendChild(newLine); count = 0; }; }; // waiting for action document.getElementById(defaultPosition).setAttribute('class', 'focusedBlock'); console.log(defaultPosition); document.getElementById('up').onclick = function() { processUp(defaultPosition) }; document.getElementById('down').onclick = function() { processDown(defaultPosition) }; document.getElementById('left').onclick = function() { processLeft(defaultPosition) }; document.getElementById('right').onclick = function() { processRight(defaultPosition) }; document.getElementById('reset').onclick = function() { processReset(defaultPosition) }; // action functions function processUp(positionX) { let nowPosition = positionX; if (nowPosition <= 10) { alert('you cant step here'); } else { let nextPosition = nowPosition - 10; document.getElementById(nowPosition).setAttribute('class', 'eachGridBlock'); document.getElementById(nextPosition).setAttribute('class', 'focusedBlock'); positionX = nextPosition; }; console.log(positionX); return positionX; }; function processDown(positionX) { let nowPosition = positionX; if (nowPosition >= 91) { alert('you cant step here'); } else { let nextPosition = nowPosition + 10; document.getElementById(nowPosition).setAttribute('class', 'eachGridBlock'); document.getElementById(nextPosition).setAttribute('class', 'focusedBlock'); positionX = nextPosition; }; console.log(positionX); return positionX; }; function processLeft(positionX) { let nowPosition = positionX; if (nowPosition === 1 || nowPosition === 11 || nowPosition === 21 || nowPosition === 31 || nowPosition === 41 || nowPosition === 51 || nowPosition === 61 || nowPosition === 71 || nowPosition === 81 || nowPosition === 91) { alert('you cant step here'); } else { let nextPosition = nowPosition - 1; document.getElementById(nowPosition).setAttribute('class', 'eachGridBlock'); document.getElementById(nextPosition).setAttribute('class', 'focusedBlock'); positionX = nextPosition; }; console.log(positionX); return positionX; }; function processRight(positionX) { let nowPosition = positionX; if (nowPosition === 10 || nowPosition === 20 || nowPosition === 30 || nowPosition === 40 || nowPosition === 50 || nowPosition === 60 || nowPosition === 70 || nowPosition === 80 || nowPosition === 90 || nowPosition === 100) { alert('you cant step here'); } else { let nextPosition = nowPosition + 1; document.getElementById(nowPosition).setAttribute('class', 'eachGridBlock'); document.getElementById(nextPosition).setAttribute('class', 'focusedBlock'); positionX = nextPosition; }; console.log(positionX); return positionX; }; function processReset(positionX) { let nowPosition = positionX let nextPosition = 1; document.getElementById(nowPosition).setAttribute('class', 'eachGridBlock'); document.getElementById(nextPosition).setAttribute('class', 'focusedBlock'); return positionX; }; }; 
 * { margin: 0; padding: 0; } #plarform { width: 500px; height: 500px; background-color: #222222; } .eachGridBlock { margin: 0; padding: 0; width: 50px; height: 50px; background-color: #000044; border: 0; } .focusedBlock { margin: 0; padding: 0; width: 50px; height: 50px; background-color: #9900ff; border: 0; } .actionButton { border: 0; width: 100px; height: 35px; background-color: #999999; color: #222222; outline: none; } .actionButton:hover { background-color: #dddddd; } 
 <html> <head> </head> <body> </body> </html> 

1 个回复

调用函数时需要更新defaultPosition ,例如

document.getElementById('right').onclick = function() {
    defaultPosition = processRight(defaultPosition)
};
1 我在处理字符时遇到麻烦

我正在使用C ++工作,所以我开始制作一个系统,该系统以2d字符数组打开句子。 在尝试解决它的问题后,我使它工作了,但是没有达到预期的效果。 那么问题是什么?:它什么也没显示,在我调试之后,似乎我的数组没有改变 更多详细信息:此代码是我在Visual Studio中尝试的,无法正 ...

2017-03-07 09:37:07 1 63   c++/ char
2 我的微调器出现问题

因此,我正在启动一个应用程序,并且要做的第一件事是在选择城市时对城市进行描述。 我可以显示描述,但是它同时描述所有城市,当我选择另一个城市时它不会出现:它增加的越来越多。 这是我的代码: 公共类Main Extended Activity实现OnItemClickListener, ...

8 我的回报为0,我不知道为什么

我的PHP代码和SQL语句出现问题。 我想找回我的Indice的ID,其中我的名字=“ myname”。 这是我的代码: 还有其他的Indice,但您不需要它,因为它与“ // Indice 1”相同。 一切正常,我没有失败。 但是我的查询给了我错误的回报。 它返回我“ ...

2017-04-14 07:39:14 1 47   php/ sql
9 我有无限循环

我正在通过计数用骰子达到n的可能方法来练习我的java。 当将n值输入较小的数字时,它将起作用。 但是当我输入n值到100时,它会无限循环。 你们可以帮我吗? 这是我的代码: ...

2017-02-05 15:12:00 1 33   java
10 我现在有一个例外

这是我针对实时位置活动的更新代码。 } 这是我的Logcat Stack跟踪 我正在尝试为我的项目跟踪Android设备的实时位置,但此时它给了我这些例外。 我的应用程序启动,当我打开“地图活动”时,地图向我显示了一点,然后应用程序自动停止。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM