首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

生成一个随机数onclick (工作),并使用它在我为我的妻子制作的一个可爱的new应用程序中显示一条随机消息(不工作),这是JS的新手

生成一个随机数onclick (工作),并使用它在我为我的妻子制作的一个可爱的new应用程序中显示一条随机消息(不工作),这是JS的新手。

回答:

首先,onclick是JavaScript中的一个事件,表示当某个元素被点击时触发的动作。在这个问题中,我们需要在点击事件发生时生成一个随机数,并将其用于显示一条随机消息。

以下是实现这个功能的代码示例:

HTML部分:

代码语言:txt
复制
<button onclick="generateRandomNumber()">点击生成随机数</button>
<p id="randomMessage"></p>

JavaScript部分:

代码语言:txt
复制
function generateRandomNumber() {
  // 生成一个0到100之间的随机整数
  var randomNumber = Math.floor(Math.random() * 101);
  
  // 随机选择一条消息
  var messages = [
    "你是我生命中的阳光",
    "每天和你在一起都是幸福的时光",
    "爱你永远",
    "你是世界上最美丽的女人"
  ];
  var randomMessage = messages[Math.floor(Math.random() * messages.length)];
  
  // 将随机数和消息显示在页面上
  document.getElementById("randomMessage").innerHTML = "随机数:" + randomNumber + "<br>消息:" + randomMessage;
}

这段代码中,我们首先定义了一个按钮和一个用于显示随机消息的段落。当按钮被点击时,调用generateRandomNumber函数。

在generateRandomNumber函数中,我们使用Math.random()函数生成一个0到1之间的随机小数,然后乘以101并使用Math.floor()函数取整,得到一个0到100之间的随机整数。

接下来,我们定义了一个包含多条消息的数组messages,并使用Math.random()函数和数组长度来随机选择一条消息。

最后,我们使用document.getElementById()函数获取到用于显示随机消息的段落元素,并使用innerHTML属性将随机数和消息显示在页面上。

这个功能可以用于制作一个可爱的应用程序,每次点击按钮都会生成一个随机数和一条随机消息,给妻子带来惊喜和快乐。

腾讯云相关产品和产品介绍链接地址:

  • 云函数(Serverless):https://cloud.tencent.com/product/scf
  • 云开发(小程序开发):https://cloud.tencent.com/product/tcb
  • 云数据库(NoSQL):https://cloud.tencent.com/product/tcb
  • 云存储(对象存储):https://cloud.tencent.com/product/cos
  • 人工智能(AI):https://cloud.tencent.com/product/ai
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

javaScript的Math数学对象 --用法大全

Math是 JavaScript 的原生对象,提供各种数学功能。该对象不是构造函数,不能生成实例,所有的属性和方法都必须在Math对象上调用。简而言之就如同java的静态类一样,都是通过类名.方法名()调用的。 Math对象的用法大致可以分为“静态属性”和“静态方法”这两大类,几乎所有的前端运算都可以采取这两种方式解决。有许多运算甚至如同小学生般的简单,今日我就带领大家“回炉重造,重返小学”。现在想想假如我们从小学就已经开始编程了,那么……(今天公司的CTO可能就是你们,站在舞台上装逼的也是你们,你们也许就不会看我的技术文章了,而我可能还在继续我的写作)。 1.Math对象的静态属性 Math对象的静态属性,提供以下一些数学常数。 Math.E:常数e。 Math.LN2:2 的自然对数。 Math.LN10:10 的自然对数。 Math.LOG2E:以 2 为底的e的对数。 Math.LOG10E:以 10 为底的e的对数。 Math.PI:常数π。 Math.SQRT1_2:0.5 的平方根。 Math.SQRT2:2 的平方根。 Math.E // 2.718281828459045 Math.LN2 // 0.6931471805599453 Math.LN10 // 2.302585092994046 Math.LOG2E // 1.4426950408889634 Math.LOG10E // 0.4342944819032518 Math.PI // 3.141592653589793 Math.SQRT1_2 // 0.7071067811865476 Math.SQRT2 // 1.4142135623730951 特别注意: 这些属性都是只读的,不能修改。 其实,我想说,上面这些乱七八糟的属性,我压根就不太懂,除了那个π,其它的一个也不认识,你们认识吗?认识的请举手,不认识的请闪过(因为这不重要)。 2.Math对象的静态方法 Math对象提供以下一些静态方法。 Math.abs():绝对值 Math.ceil():向上取整 Math.floor():向下取整 Math.max():最大值 Math.min():最小值 Math.pow():指数运算 Math.sqrt():平方根 Math.log():自然对数 Math.exp():e的指数 Math.round():四舍五入 Math.random():随机数 下面我带领大家一起来逐个分析这些小学生的方法:

05

编写自己的代码库(javascript常用实例的实现与封装)

因为公司最近项目比较忙,没那么多空余的事件写文章了,所以这篇文章晚了几天发布。但是这也没什么关系,不过该来的,总是会来的。 好了,其他的不多说的,大家在开发的时候应该知道,有很多常见的实例操作。比如数组去重,关键词高亮,打乱数组等。这些操作,代码一般不会很多,实现的逻辑也不会很难,下面的代码,我解释就不解释太多了,打上注释,相信大家就会懂了。但是,用的地方会比较,如果项目有哪个地方需要用,如果重复写的话,就是代码沉余,开发效率也不用,复用基本就是复制粘贴!这样是一个很不好的习惯,大家可以考虑一下把一些常见的操作封装成函数,调用的时候,直接调用就好! 源码都放在github上了,大家想以后以后有什么修改或者增加的,欢迎大家来star一下ec-do。

02
领券