Javascript 随机数介于1和49之间的有序列表_Javascript_Php

Javascript 随机数介于1和49之间的有序列表

javascript php

Javascript 随机数介于1和49之间的有序列表,javascript,php,Javascript,Php,我在编写一个简单的PHP有序列表时遇到了一些问题，该列表打印出一个介于1和49之间的随机数列表主代码 <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>AJAX</title> <meta name="viewport" content= "width=device-width; initial-scale=1.0"> &

我在编写一个简单的PHP有序列表时遇到了一些问题，该列表打印出一个介于1和49之间的随机数列表

主代码

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>AJAX</title>
<meta name="viewport" content=
"width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css"
href="lib/css/stil.css" />
<script type="text/javascript"
src="lib/js/script.js"></script>
</head>
<body>
<h1>Ziehung der Lottozahlen</h1>
<button id="frage">Starte die Ziehung</button>
<div id="antwort">
</div>
</body>
</html>

T 现在我的问题是……如何让数字显示在有序列表中？

使用下面的PHP代码

$zahlen = range (1, 49);
shuffle($zahlen);
$arr = array();
for ($i = 0; $i < 6; $i++) {
$arr[$i] =$zahlen[$i] . " ";
 }
 sort($arr,1);
echo implode(' ',$arr);

$zahlen=范围（1,49）；
洗牌（$zahlen）；
$arr=array（）；
对于（$i=0；$i<6；$i++）{
$arr[$i]=$zahlen[$i]。“”；
}
排序（$arr，1）；
回波内爆（“”，$arr）；

您可以拆分字符串，将值映射为数字，并对数组进行排序。然后生成想要的列表项并将其放入想要的无序列表中

var lotto='22 34 14 10 99'，列表=乐透 .拆分（“”） //.地图（编号） //.排序（功能（a、b）{ //返回a-b； // }) .减少（功能（列表，a）{ var li=document.createElement（'li'）； li.innerHTML=a；表1.儿童（李）；退货清单； }，document.createElement（'ol'）；文件.正文.附件（列表）扩展：

$zahlen=范围（1,49）；
洗牌（$zahlen）；
$arr=array（）；
对于（$i=0；$i<6；$i++）{
$arr[$i]=$zahlen[$i]。“”；
}
排序（$arr，1）；
回波内爆（“”，$arr）；

尝试添加以下代码（以生成列表）：


$（“#按钮”）。单击（函数（）{
$（'#newDiv'）。追加（''）；
$（'#newDiv'）。追加（''）；
$（'#newDiv'）。追加（''）；
})

希望有帮助（）

编辑

现在应该可以正常工作了，希望有帮助=）

按钮
var=false；
$（“#按钮”）。单击（函数（）{
如果（！单击）{
$（'#newDiv'）。追加（''）；
$（'#newDiv'）。追加（''）；
$（'#newDiv'）。追加（''）；
单击=真；
}
})

你目前得到的输出是什么？@Kool注意输出是这样的（22 34 14 10 23）我需要它按顺序排列，而且

如果你想重新排列它们，为什么首先要随机化数字？？？@RamRaider我知道，但我必须按顺序列表中的输出随机化数字输出是一样的。不，对于您的代码，输出与我的第一个代码相同。我需要一份ol列表numbers@Marco你有打字错误吗？这对我来说很有用me@HL96是的，它对我也很有用，但正如你在我的主代码中看到的，我有一个按钮必须生成列表。我建议添加一个生成几个随机数的函数，并根据问题中的要求将其改为ol，而不是ul。其余的都很好我想，这些数字是在外部（异步）生成的，应该稍后再处理。@Nina Scholz是的，exactly@HL96代码工作得很好。但是1到49之间的数字是在外部php中生成的，我需要引用按钮id“frage”，您可以将列表的赋值移到click回调中。@Marco，在html部分的末尾添加脚本标记。（或其他任何地方）。通过加入我的代码和Kool Mind的代码可以让你工作。请告诉我怎么做。我在HTML中添加了脚本，但它不起作用。@Marco我已经更新了我的答案，这可能不是最好的解决方案，但仍然希望我的答案能帮助您=）

var resOb = new XMLHttpRequest();
window.onload = function() {
document.getElementById("frage").onclick = 
function () {
    resOb.open('get', 'lottozahlen1.php', true);
    resOb.onreadystatechange = function () {
        if (resOb.readyState == 4) {
            document.getElementById("antwort").innerHTML = 
            resOb.responseText;
}
    };
    resOb.send(null);
};
};

$zahlen = range (1, 49);
shuffle($zahlen);
$arr = array();
for ($i = 0; $i < 6; $i++) {
$arr[$i] =$zahlen[$i] . " ";
 }
 sort($arr,1);
echo implode(' ',$arr);

$zahlen = range (1, 49);
shuffle($zahlen);
$arr = array();
for ($i = 0; $i < 6; $i++) {
  $arr[$i] =$zahlen[$i] . " ";
}
sort($arr,1);
echo implode(' ',$arr);

<script>
  $('#button').click(function(){
    $('#newDiv').append('<ol>');
    $('#newDiv').append('<?php foreach($arr as $a){echo"<li>".$a."";}?>');
    $('#newDiv').append('</ol>');
  })
</script>

<button id="button">Button</button>
<div id="newDiv"></div>

<script>
  var clicked = false;
  $('#button').click(function(){
    if (!clicked){
      <?php
      $arr = array();
      for ($i = 0; $i < 6; $i++) {
        $arr[$i] = rand(1,49);
      }
      sort($arr,1);
    ?>
    $('#newDiv').append('<ol>');
    $('#newDiv').append('<?php foreach($arr as $a){echo"<li>".$a."";}?>');
    $('#newDiv').append('</ol>');
    clicked = true;
   }
  })
</script>