从选择列表中生成随机颜色
Generate Random color from select list
当用户从选择列表中选择值时,我正在尝试为结果生成随机颜色。
<div id="req7" class="req7">
<select id="names">
<option value="Name1">Name 1</option>
<option value="Name2">Name 2</option>
<option value="Name3">Name 3</option>
<option value="Name4">Name 4</option>
</select><br><br>
<p>Click the button to return the value of the selected headline. </p><br>
<button class="styled-button" type="button" onclick="headline()">Submit</button><br>
<br><br>
<h1 id="here"></h1>
</div>
function headline(){
var nemo = document.getElementById("names").value;
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
document.getElementById("here").innerHTML = nemo;
}
您在document.getElementById("here").innerHTML = nemo;
之前正在执行return color;
。
在这里,这应该有效:
function headline(){
var nemo = document.getElementById("names").value;
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
document.getElementById("here").innerHTML = nemo;
return color;
}
另外,您的代码具有onc lick
.
<button class="styled-button" type="button" onc lick="headline()">Submit</button
应该是 <button class="styled-button" type="button" onclick="headline()">Submit</button
https://output.jsbin.com/zunowuvede
相关文章:
- 使用当前日期生成随机id
- 如何使用D3生成特定范围内的随机颜色
- 如何在Javascript中设置随机生成的项目列表的样式
- 令人愉快的调色板随机颜色生成
- 用于生成具有随机颜色的 CSS 属性的脚本
- 如何在 JavaScript 中生成连续颜色的列表
- 生成随机颜色不起作用
- 从选择列表中生成随机颜色
- jQuery:生成尚未使用的唯一随机颜色
- 生成随机颜色偏差
- 生成不在列表中的5位随机代码
- 如何在javascript中只生成变暗的随机颜色
- 生成随机的漂亮的饱和颜色(选中的调色板)
- 想要在JavaScript中为随机生成的名称列表编号
- 如何为jschart生成随机颜色
- 在刷新时生成的随机颜色
- 生成的按钮上的随机颜色
- 我正在尝试生成一个随机颜色(javascript),并在单击按钮时将结果应用于按钮.如何将JS与Jquery结合起来
- 在 JavaScript 中生成随机颜色
- 在悬停时生成随机颜色