您好我正在爲學校的項目工作,我試圖從名稱列表中隨機生成一組名稱。組的大小和數量將基於用戶輸入。我有代碼從數組中隨機生成一個元素,但我需要一些幫助分組。 這是我的代碼。它不能正常工作 請幫助謝謝從數組中生成隨機的Elments組
function yeah()
{
var arr = prompt("Enter your names").split(",")
console.log(arr);
var random = arr[Math.floor(Math.random() * arr.length)];
document.getElementById("h2").innerHTML = random;
}
function groups()
{
var arr = prompt("Enter your names").split(",");
var random = arr[Math.floor(Math.random() * arr.length)];
var numElem = document.getElementById("input2").value;
for (i=0;i <= arr.length; i++)
{
var newArr = [random];
console.log(newArr);
//print name to a new list
//remove name from old list
/* var arr = prompt("Enter your names").split(",")
var groupNum = document.getElementById("input1").value;
var newArrays = arr.length/groupNum; */
}
}
/* Reset */
* {
\t margin: 0;
\t padding: 0;
}
html,body {
height:100%;
margin:0;
font-family: 'Montserrat', 'sans-serif';
color:#424242;
overflow: hidden;
}
.display {
text-align: center;
display: table;
height:100%;
margin:0 auto;
}
.wrap {
display: table-cell;
vertical-align: middle;
}
p {
font-size: 50px; /* For lamers who don't support viewport sizing */
font-size:20vmin;
text-align: center;
margin: 0;
}
#h2 {
float: center;
font-size: 30vmin;
background-size: contain;
}
input.text-display {
display: inline-block;
color: #5E5E5E;
font: bold 20px arial;
text-decoration: none;
text-align: center;
margin: 20px auto;
padding: 15px 20px;
background: #EFF0F2;
border-radius: 4px;
border-top: 1px solid #F5F5F5;
box-shadow: inset 0 0 25px #E8E8E8, 0 1px 0 #C3C3C3, 0 2px 0 #C9C9C9, 0 2px 3px #333;
text-shadow: 0px 1px 0px #F5F5F5;
}
span.love {
display: block;
position: absolute;
bottom:10px;
width: 100%;
text-align: center;
}
span.love a {
text-decoration: none;
color:#D12026;
}
.twitter-follow-button {
vertical-align: text-bottom;
}
.twitter-share-button {
vertical-align: text-bottom;
}
<div class="display">
<div class="wrap">
<p>Your random value is:</p>
<div id="h2">Null</div>
<input class="text-display" type="button" onclick="yeah()" height="50px" width="50px" value="click to input data">
<!-- <input type="button" onclick="display()" value="display random"> -->
<br>
<input id="input1" value="Enter number of Groups">
<input id="input2" value="Enter number of elements per Group">
<input type="button" onclick="groups()">
</div>
</div>
嗨,感謝您的幫助!現在,我很難找到最好的方式來實現我正在嘗試做的事(即時通訊基本上工作的想法和運行的代碼,看看它的工作原理)如果你可以闡明如何實際執行我想做的事情那太棒了!,謝謝 –
另外一件經常可以幫助我的事情是一次一個工作一個項目。我會做一件小事情(對值進行硬編碼處理),然後我從那裏開始工作以結合更多功能或者使用動態輸入。 – whiterabbit25
如果我理解你的話,這個核心功能就是拿一個名字列表,並且抓取一定數量的隨機元素,對嗎? – whiterabbit25