移动选项框

function add(){

//获取文本框的值

var ipt=doument.createElementById('ipt');

var text=ipt.vlaue;

//创建li

var li=doument.createElement('li');

//判断text是否为空

if(!text){

alert('不能为空');

return;

}

//填充li的内容

li.linnerHTML=`<span>${text}</span><button onclick='move();'  class='margin-left-30'>-></button>`;

//找到li的类型

li.className='item';

//清空文本框

ipt.value='';

//把li添加到list1中

doument.getElementById('list1').appendchild(li);

}

//添加move的点击事件

function move(){

//找到当前按钮

var button=event.target;

//声明按钮的值

var btnText=button.innerText;

//通过button找到li

var li=button.parenNode;

//判断按钮的值是否为->

if(btnText==='->'){

//改变button的值

button.innerText = '<-';

//获取span的值

var span=button.previousElementSibling;

//清空button的类型

button.className='';

//添加span的类型

span.className='margin-left-30';

//把span排到button的前面

li.insertBefore(span,button);

//把li添加到list2里面;

doument.getElementById('list2').appendchi(li);

}else{

button.innerText = '->';

var span = button.nextElementSibling;

button.className = 'margin-left-30';

span.className = '';

li.insertBefore(span,button);

document.getElementById('list1').appendChild(li);

}

funtion enter(){

if(event.keyCode===13){

        add();

}

}

}