我正在用javascript开发duolingo类型的句子练习。我已经实施了，但还需要进一步改进_Javascript_Html

我正在用javascript开发duolingo类型的句子练习。我已经实施了，但还需要进一步改进

javascript html

我正在用javascript开发duolingo类型的句子练习。我已经实施了，但还需要进一步改进,javascript,html,Javascript,Html,我使用了以下代码来开发句子语法练习。当我点击按钮时，订单应该保持不变。我希望在单击按钮时它会隐藏，但在单击顶部按钮后，它会再次显示。若有空，将句子移到左边。如果单词再次单击，也再次显示按钮。是否应该只使用按钮在顶部和底部显示 <html> <head> <title> </title> </head> <body> <div id="sen">I am learning JavaScript by de

我使用了以下代码来开发句子语法练习。当我点击按钮时，订单应该保持不变。我希望在单击按钮时它会隐藏，但在单击顶部按钮后，它会再次显示。
若有空，将句子移到左边。如果单词再次单击，也再次显示按钮。是否应该只使用按钮在顶部和底部显示

<html>
<head>
<title>
</title> 
</head>

<body>

<div id="sen">I am learning JavaScript by developing a simple project.</div>
<br>
<div id="dash"></div>
<br>
<div id="container"></div>
<div id="val"></div>

<script>
var sen = document.getElementById("sen").innerHTML;
var senTrim = sen.trim();
var senArr = senTrim.split(/\s+/);

var dashElement = "";
for(i=0;i<senArr.length;i++)
{
//alert(senArr[i]);
    dashElement += "<div onclick='funDiv(this.id);' style='display: inline'" + "id = dashid" + i + ">"    + '__ '  + '</div>';

}

var dash = document.getElementById("dash");
dash.innerHTML = dashElement;

//var dashID = document.getElementById("dashid0").innerHTML;
//var dash1 = document.getElementById("val");
//dash1.innerHTML= dashID;

var htmlElements = "";
for (var i = 0; i < senArr.length; i++) {
   htmlElements += "<button onclick='fun(this.id);' id = 'btn" + i + "'>" + senArr[i] + '</button>';
}
var container = document.getElementById("container");
container.innerHTML = htmlElements;

var ii = 0;
function funDiv(clicked){
//alert(clicked);
var inText = document.getElementById(clicked).innerHTML;
document.getElementById(clicked).innerHTML = " __ " ; 
ii--;
}

function fun(clicked){
//alert(clicked);
document.getElementById(clicked).style.display = "none";  
document.getElementById("dashid" + ii).innerHTML = document.getElementById(clicked).innerHTML + " ";
//document.getElementById(clicked).remove(); 
ii++;
}

</script>

</script>
</body>
</html>


我通过开发一个简单的项目来学习JavaScript。




var sen=document.getElementById（“sen”）.innerHTML；
var senTrim=传感器微调（）；
var senArr=senTrim.split（/\s+/）；
var dashElement=“”；
对于（i=0；i像这样的东西怎么样


我通过开发一个简单的项目来学习JavaScript。




var sen=document.getElementById（“sen”）.innerHTML；
var senTrim=传感器微调（）；
var senArr=senTrim.split（/\s+/）；
var dashElement=“”；
对于（变量i=0；i
我已经使用JavaScript的appendChild和remove函数实现了它


我通过开发一个简单的项目来学习JavaScript。




var sen=document.getElementById（“sen”）.innerHTML；
var senTrim=传感器微调（）；
var senArr=senTrim.split（/\s+/）；
var dashElement=“”；
var btnElements=“”；
对于（变量i=0；i