是否显示JavaScript/HTML项目的数组？_Javascript_Html_Arrays

是否显示JavaScript/HTML项目的数组？

javascript html arrays

是否显示JavaScript/HTML项目的数组？,javascript,html,arrays,Javascript,Html,Arrays,这是在上一个任务的基础上建立起来的，在这个任务中，我们编写了一个页面，您可以在其中插入数字并用按钮提醒用户。您还可以针对输入的元素数、输入的数字总和等发出警报。以下是代码： CSE 1340–作业4，按学生列出学生作业4 输出：添加到列表中元素数？打印金额清除列表显示数组 JavaScript代码： var add=document.getElementById（“add”）； var num1=document.getElementById（“num1”）； var numEl

这是在上一个任务的基础上建立起来的，在这个任务中，我们编写了一个页面，您可以在其中插入数字并用按钮提醒用户。您还可以针对输入的元素数、输入的数字总和等发出警报。以下是代码：


CSE 1340–作业4，按学生列出
学生作业4
输出：
添加到列表中
元素数？
打印金额
清除列表
显示数组
JavaScript代码：
var add=document.getElementById（“add”）；
var num1=document.getElementById（“num1”）；
var numElements=document.getElementById（“numElements”）；
var printButton=document.getElementById（“打印”）；
var clearButton=document.getElementById（“clear”）；
var nums=[]；
add.addEventListener（“单击”，函数（）{addFun（）；}）；
addEventListener（“单击”，函数（）{print（）；}）；
addEventListener（“单击”，函数（）{numElementsButton（）；}）；
addEventListener（“单击”，函数（）{clear（）；}）；
函数打印（）
{
var总和=0；
对于（变量i=0；i


下面是项目其余部分的说明！非常感谢你
添加一个名为“显示数组”的按钮，该按钮将显示数组的当前内容
创建一个名为“Toggle Order”（通过引导设置样式）的按钮，以切换数组的排序顺序。
默认情况下，数组按升序排序。例如，给定数字1、50和5，数组排序顺序为
1, 5, 50. 如果用户单击按钮，则顺序为50、5、1，即降序。如果点击了按钮
同样，然后数组按升序排序，即1、5、50等等。因此，每当单击按钮时
数组被重新排序，排序顺序与当前的顺序相反。您必须实现自己的版本
一种排序（我们在课堂上讨论冒泡排序，但实现哪种排序取决于您）。你不能依赖于
JavaScript提供的default.sort函数
更新您的程序，以便每当用户添加新号码时，都会按照当前的顺序将其插入正确的位置
排序顺序。例如，如果排序顺序当前为升序且数组为1、5、10，则当用户插入
新数字–比如说6，那么生成的数组应该是1、5、6、10。相反，如果数组为10、5、1，则用户
插入6，则生成的数组应为10、6、5、1
对于排序部分，您可能有兴趣扩展数组
对象。使用建议的“冒泡排序”（请不要使用，例如：合并排序，或者，如果您了解其工作原理，请使用快速排序）
Array.prototype.bubblesort=函数（向下）{
var-tmp；
//我们在这里工作
var a=这个.slice（0）；
对于（var i=a.length；i>0；i--）{
对于（var j=0；ja[j+1]）{
tmp=a[j]；
a[j]=a[j+1]；
a[j+1]=tmp；
}
}
}
}
返回a；
}

如果你想以一小堆CPU周期为代价来简化你的生活，你可以在某个地方记住排序方向（或者，再多几个CPU周期，测试它），推送
额外的元素，然后按正确的方向对结果进行排序
但这不是你老师想要的。将元素直接放入数组中的正确位置。如果找到了插入新元素的正确位置，则可以非常轻松地完成此操作。是的，你仍然需要记住某个地方的排序方向或者测试它
听起来有很多事情要做，但这不应该让你更加头疼。
你的问题是什么？：）您好，欢迎来到Stack Overflow。然而，请注意，这不是一个为我做作业的网站。您需要定义您面临的具体问题，以及阻止您解决问题的原因。如果你只需要为自己编写代码，而不需要学习任何东西，那就去雇佣一名开发人员。家庭作业？：P至少删除该行：PI不知道如何显示数组的内容。所以我想这将是我的第一个问题@matt。第二，我不知道切换按钮是什么。我做了一些研究，这就是我想到的：单键切换任何帮助都会被感激。这会在“警报（“列表上的数字”）下面吗？“？还有，为什么是函数”（向下），我不知道“tmp”是什么。你介意解释一下吗？非常感谢你！如果这是你的第四项作业，你是如何解决最后三项的tmp
是在气泡排序时交换数组中的元素时所需的临时变量down
是函数的参数，如果设置为true，则该函数按降序排序。如果你因为厌倦了什么而错过了第一节课：请阅读你的课本！你缺乏基础知识，如果你不这样做，你会惨败和/或立即失败。如果你买不起一本好的教科书，请看例句：它是免费的。
<head><title>

CSE 1340 – Assignment 4, by Student
    <h1>Student Assignment 4</h1>
</title>
<script src = "javabuttonscript.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
"></link>
</head>

<body>

Output: <input type="text" id="num1" placeholder="Enter Number"></input>



<button id = "add" type="button" class="btn btn-default">Add to List</button>
<button id = "numelements" type="button" class="btn btn-default">Num. Elements?</button>
<button id = "print" type="button" class="btn btn-default">Print Sum</button>
<button id = "clear" type="button" class="btn btn-default">Clear List</button>
    <button id = "array" type="button" class="btn btn-default">Show Array</button>

</body>
    </html>

JavaScript Code:
var add = document.getElementById("add");
var num1 = document.getElementById("num1");
var numElements = document.getElementById("numelements");
var printButton = document.getElementById("print");
var clearButton = document.getElementById("clear");
var nums = [];
add.addEventListener("click", function(){addFun();});
printButton.addEventListener("click",function(){print();});
numElements.addEventListener("click",function(){numElementsButton();});
clearButton.addEventListener("click",function(){clear();});
function print()
{
var sum = 0;
for(var i = 0; i < nums.length; i++)
    {
sum+=nums[i];
}
alert(sum);
}
function clear()
    {
if(nums.length ==0)
{
alert("already empty");
}
else
{
nums = [];
}
    }
function numElementsButton()
{
alert(nums.length);
}
function addFun()
    {
if(num1.value == "")
{
alert("Empty");
    }
    else if(isNaN(num1.value))
    {

alert("Not a valid number");
    }
else
    {
var number = parseInt(num1.value);
var addable = true;
for(var i = 0; i < nums.length; i++)
{
if(number == nums[i]){addable = false;}
    }
if(addable)
    {
nums.push(number);
}
else
{
alert("Number already on list");
        }
    }
}

Array.prototype.bubblesort = function(down) {
  var tmp;
  // we work on copy here
  var a = this.slice(0);

  for (var i = a.length; i > 0; i--) {
    for (var j = 0; j < i; j++) {
      if (down) {
        if (a[j] < a[j + 1]) {
          tmp = a[j];
          a[j] = a[j + 1];
          a[j + 1] = tmp;
        }
      } else {
        if (a[j] > a[j + 1]) {
          tmp = a[j];
          a[j] = a[j + 1];
          a[j + 1] = tmp;
        }
      }
    }
  }
  return a;
}