javascript - 如何在 HTML 中显示函数的结果

标签 javascript

我是一名学习 JavaScript 的学生,我正在尝试输出此函数的结果:

function randInt(lower, upper) {
   var size = randInt(1,10); 
   return Math.floor(lower + size*Math.random());
}

这是我尝试将输出放入的 HTML:

<h1>Random Tip<br />
<script type="text/javascript">
var tipNum = Math.floor(lower + size*Math.random());
document.write("<p>" +randInt(lower, uppers)+ "</p>");
</script>

我完全搞砸了这个!!请提出建议!

最佳答案

编辑:我不知道仅标记一个问题 Javascript 意味着您不应该在答案中包含 JQuery - 您生活和学习

所以没有 jQuery - 我认为这可以实现你想要的(将随机数输出到 HTML 元素中)

    <h1>Random Tip<br /></h1>
    <div id="result"></div>
    <script>
      function randInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }
      var randomNumber = randInt(10, 25);
      var target = document.getElementById('result');
      target.innerHTML = "<p>" + randomNumber + "</p>";
      });
    </script>

updated Fiddle can be found here

关于javascript - 如何在 HTML 中显示函数的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18687375/

相关文章:

javascript - 如何使今天的日期等于特定日期?

javascript - Chrome 中通过一个函数调用将带有下划线的字符串转换为数字

javascript - Google App Scripts onOpen() 触发器在工作表上不起作用

javascript - 为什么这个 jquery 动画没有像预期的那样旋转?

javascript - 通过 DOM javascript 操作添加 HTML ID

javascript - 如何使用javascript设置交替行背景颜色

javascript - 如何在使用 JavaScript 在 web 中显示之前旋转图像?

javascript - forEach 和对象构造函数

javascript - Nodejs Bluebird Promises - 如何知道是否执行了所有 promise

javascript - 在 Python 和 Javascript 中渲染图形