【问题标题】:?JS How to exit from function??JS如何退出函数?
【发布时间】:2020-10-09 14:14:41
【问题描述】:

我需要退出 mine.onclick = function 所以有人可以帮助我吗? 我是js新手! 我试着写文字游戏,我需要写函数,当我点击按钮时,我需要移动按钮,但它第三次不起作用

    //creating div  
var div = document.createElement('div');
div.innerHtml = '';
document.body.appendChild(div);
div.classList.add('main');

//creating divsec 
var divsec = document.createElement('div');
divsec.innerHtml = '';
document.body.appendChild(divsec);
divsec.classList.add('submain');

//creating array for words
var arr = prompt("Write your word or sentance here and don't accept your apponent to see that!");
array = arr.split('');
array = array.sort();
console.log(array);
alert("Let's construct the word!");

var main = document.getElementsByClassName('main');
var divsec = document.getElementsByClassName('submain');
for(var i = 0; i < arr.length; i++){
    var button = document.createElement('button');
    divsec[0].appendChild(button);
    button.innerHTML = array[i];
    button.onclick = function(){
        mainp = main[0].appendChild(this);
        mainp.onclick = function (){
            divsec[0].appendChild(this);
        }
    }
}

【问题讨论】:

    标签: javascript arrays dom prompt func


    【解决方案1】:

    这就是你要找的答案吗?

    //creating div  
    var div = document.createElement('div');
    div.innerHtml = '';
    document.body.appendChild(div);
    div.classList.add('main');
    
    //creating divsec 
    var divsec = document.createElement('div');
    divsec.innerHtml = '';
    document.body.appendChild(divsec);
    divsec.classList.add('submain');
    
    //creating array for words
    var arr = prompt("Write your word or sentance here and don't accept your apponent to see that!");
    array = arr.split('');
    array = array.sort();
    console.log(array);
    alert("Let's construct the word!");
    
    var main = document.getElementsByClassName('main');
    var divsec = document.getElementsByClassName('submain');
    for(var i = 0; i < arr.length; i++){
        var button = document.createElement('button');
        divsec[0].appendChild(button);
        button.innerHTML = array[i];
        button.onclick = function(){
    			if (this.parentNode.className === 'main') divsec[0].appendChild(this)
    			else main[0].appendChild(this);
            }
        }
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.3/rxjs.umd.min.js"&gt;&lt;/script&gt;

    如果不是,请澄清您的问题并举例说明单击单个按钮所需的效果。我也不确定退出函数是什么意思。我觉得很好。

    你说你需要一个按钮来移动,但你没有说明它需要如何移动。

    【讨论】:

    • 我的代码正在工作,但只有 2 次,我需要在单击时使用 button.onclick 无限次,当我按类子主按钮第二次单击 div 内的按钮时出现错误仅在该 div 内更改它们的位置,但我需要按类将它们更改为 div 主!对不起我的英语
    • 我想我明白你在说什么,但我还是希望澄清一下。我在 playcode.io 上没有遇到任何错误。你能告诉我,按钮应该如何移动?剩下?正确的?子循环?请描述过程或输入/输出关系。有时间我会尽力帮忙的,因为我忙着atm。不过,您可能会尝试应用 innerHTML 方法。它可能会解决您的问题。
    • 我正在尝试通过 onclick 事件将我的按钮移动到第一个 div(主)并通过单击返回到 div(divsec)。
    • ...那么,它应该在点击时“切换”类吗?是的? (我将编辑我的代码 sn-p)
    猜你喜欢
    • 2011-02-07
    • 1970-01-01
    • 2017-09-20
    • 2013-08-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-18
    • 2010-09-25
    相关资源
    最近更新 更多