如何使用JavaScript将随机数插入到HTML中

how to use javascript to insert random number into html

本文关键字:HTML 插入 随机数 何使用 JavaScript      更新时间:2023-09-26

我是一个完整的JavaScript新手 - 如何使用以下代码将随机数插入HTML中,例如div的z索引值?

var randomnumber=Math.floor(Math.random()*11)
我不知道

在哪里放置此代码(我知道它必须包含在脚本标签中,但是我不知道如何将输出放入 CSS 代码中以样式化div)

下面的代码将通过元素的ID获取一个元素,然后应用一个随机的z索引。请注意,js 中的 css 表示法是驼峰大小写。

.html:

<div id="someElement"></div>

.js:

// get an element
var el = document.getElementById("someElement");
// apply a style. 
el.style.zIndex = Math.floor(Math.random()*11);