问题：

基于输入上下限的随机数

谭俊

2023-03-14

我不能为我的生活，弄清楚为什么这将不调用用户输入正确？用户应该给出一个范围的上限和下限，然后当他们提交时，他们会得到一个介于这两个数字之间的随机数。我假设问题是我调用“.value”的时候，但我不知道有什么其他的方法，所以任何帮助都是非常感谢的。

function numberGen(){
    var minimum = document.getElementById("minimum").value;
    var maximum = document.getElementById("maximum").value;
    var number = Math.floor((Math.random() * minimum) + maximum);
    document.getElementById("output").innerHTML = number;
}

body{background-color: #000000;}
h1{font-family:sans-serif;
color:#ffffff}
p{font-family:sans-serif;
color:#ffffff;}
input[type=number] {
    width: 150px;
    border: 2px solid #ffffff;
    border-radius: 4px;
    font-size: 16px;
    background-color: #262626;
    padding:15px 30px;
    color:#ffffff;
}
input[type=number]:hover {
    
    background-color: #515151;
    
}
button{
    border: 2px solid #ffffff;
    background-color: #000000;
    color:#ffffff;
    padding:15px 40px;
    font-size:16px;
    border-radius:5px
}
button:hover{
    background-color: #ffffff;
    color:#5a5a5a;
}
.output{
    border: 2px solid #ffffff;
    background-color: #000000;
    border-radius:5px;
    padding:15px;
}
.blink_me {
  animation: blinker .7s linear infinite;
}

@keyframes blinker {  
  from { opacity: 1; }
    to{opacity:0;}
}

    <center>
    <h1>Random Generator</h1>
        <br>
    <p>Type your minimum and maximum veriables into the text boxs.</p>
        <table cellspacing = 50px width = 100%>
        <tr>
          <td align = right width = 50%>
            <form id="form" onsubmit="return false;">
    <input  type="number" id="minimum" placeholder="minimum"/>
</form>
            </td>    
            <td align = left width = 50%>
                <form id="form" onsubmit="return false;">
    <input  type="number" id="maximum" placeholder="maximum"/>
</form>
            </td>
            </tr>
        </table>
        <button onclick = "numberGen()">Submit</button>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <table class = output width = 50%>
        <tr>
            <td align = left>
              <p id = output><font  color = #A9A9A9 >Output<span class = blink_me>:</span></font></p>
            </td>
            </tr>
        </table>
    </center>
    <script src = gen.js></script>

共有1个答案

司寇嘉茂

2023-03-14

您需要对随机数的因子使用最大值和最小值的delta,然后再加上最小值。

function numberGen(){
    var minimum = +document.getElementById("minimum").value;
    //            ^ convert number to string
    var maximum = +document.getElementById("maximum").value;
    //            ^ convert number to string
    var number = Math.floor((Math.random() * (maximum - minimum + 1)) + minimum);
    //                                                          ^^^ correction for max val
    document.getElementById("output").innerHTML = number;
}

此建议重新弹出包含给定值的随机值。

function numberGen(){
    var minimum = +document.getElementById("minimum").value;
    var maximum = +document.getElementById("maximum").value;
    var number = Math.floor((Math.random() * (maximum - minimum + 1)) + minimum);
    document.getElementById("output").innerHTML = number;
}

body{background-color: #000000;}
h1{font-family:sans-serif;
color:#ffffff}
p{font-family:sans-serif;
color:#ffffff;}
input[type=number] {
    width: 150px;
    border: 2px solid #ffffff;
    border-radius: 4px;
    font-size: 16px;
    background-color: #262626;
    padding:15px 30px;
    color:#ffffff;
}
input[type=number]:hover {
    
    background-color: #515151;
    
}
button{
    border: 2px solid #ffffff;
    background-color: #000000;
    color:#ffffff;
    padding:15px 40px;
    font-size:16px;
    border-radius:5px
}
button:hover{
    background-color: #ffffff;
    color:#5a5a5a;
}
.output{
    border: 2px solid #ffffff;
    background-color: #000000;
    border-radius:5px;
    padding:15px;
}
.blink_me {
  animation: blinker .7s linear infinite;
}

@keyframes blinker {  
  from { opacity: 1; }
    to{opacity:0;}
}

html prettyprint-override">    <center>
    <h1>Random Generator</h1>
        <br>
    <p>Type your minimum and maximum veriables into the text boxs.</p>
        <table cellspacing = 50px width = 100%>
        <tr>
          <td align = right width = 50%>
            <form id="form" onsubmit="return false;">
    <input  type="number" id="minimum" placeholder="minimum"/>
</form>
            </td>    
            <td align = left width = 50%>
                <form id="form" onsubmit="return false;">
    <input  type="number" id="maximum" placeholder="maximum"/>
</form>
            </td>
            </tr>
        </table>
        <button onclick = "numberGen()">Submit</button>
        <br>
        <table class = output width = 50%>
        <tr>
            <td align = left>
              <p id = output><font  color = #A9A9A9 >Output<span class = blink_me>:</span></font></p>
            </td>
            </tr>
        </table>
    </center>
    <script src = gen.js></script>

类似资料：

基于输入Java的随机数生成器

我正在寻找一个随机数生成器，我可以创建一个种子，并采取两个输入x和y来生成数字。每次使用相同的输入和相同的种子时，我都需要相同的数字。我正在使用这个来随机分配一个坐标网格上的纹理，所以我需要它每次都是一样的。所以每次我在x=100，y=120的时候，在同一个种子里，我需要相同的随机数，所以相同的纹理被分配在那个点上。
为什么C#的随机下限是包含的，而上限是排他的？

但实际发生的情况是，rndNumber包含一个0到100之间的随机整数。为什么会这样呢？我明白上限是排他性的，但那为什么下限是包容性的呢？为什么这不一致呢？
基于随机实体类的JPA本机查询

我试图理解与Spring数据JPA的使用。考虑以下是从表中拉出的位置。公共接口用户存储库扩展了JpaRepository{ 一切都很好。现在，在同一个界面上，我可以添加如下方法，其中它是从中提取的，它将与实体类不匹配。 A这也很好用。现在我真正的问题是，如果实体类与无关，为什么我们需要实体类。我们只是想确保代码能够正确编译吗？这是否意味着我甚至可以将任何类放入
基于Java文件输入输出流实现文件上传下载功能

本文向大家介绍基于Java文件输入输出流实现文件上传下载功能，包括了基于Java文件输入输出流实现文件上传下载功能的使用技巧和注意事项，需要的朋友参考一下本文为大家分享了Java实现文件上传下载功能的具体代码，供大家参考，具体内容如下前端通过form表单的enctype属性，将数据传递方式修改为二进制”流“的形式，服务端（servlet）通过 getInputStream() 获取流信息，
随机于ThreadLocalRandom

问题内容： java.util.Random的实例是线程安全的。但是，跨线程并发使用同一java.util.Random实例可能会引起争用并因此导致性能下降。考虑在多线程设计中改用ThreadLocalRandom。什么样的争执因而表现不佳？有人可以在这里给我解释吗？我不知道在Random和ThreadLocalRandom中使用什么算法使它们与众不同。问题答案：这可能会有所帮助： http
事件驱动输入与基于转向的输入

对手转向游戏等待用户用户将文本键入JtextField并按Enter键游戏执行玩家命令对手再次转向..

基于输入上下限的随机数

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档