gpt4 book ai didi

javascript - 为什么该值没有出现在我的输入 slider 上?

转载 作者:行者123 更新时间:2023-12-04 13:08:17 27 4
gpt4 key购买 nike

<分区>

我已经尝试解决这个问题一段时间了,最​​令人困惑的是,我很确定 JS 代码是正确的。所以我一定是遗漏了什么,我已经在 Chrome 和 Mozilla 上试过了。

所以我在一个文件夹中本地创建了这些文件,所以我确信它们在 CSS 正在为页面设置样式时连接在一起。我只是不明白为什么 JS 不工作,也不明白为什么值不至少显示 0。

JS:

var slider = document.getElementById("myRange");
var output = document.getElementById("value");

output.innerHTML = slider.value;

slider.oninput = function() {
output.innerHTML = this.value;
}

HTML:

<html>
<head>
<script src="oslider.js"></script>
<link rel="stylesheet" href="oslider.css">
</head>
<body>
<div class="sliderContainer">
<input type="range" min="1" max="10" value="1" id="myRange" class="slider">
</div>
<p>Value: <span id="value"></span> </p>
</body>
</html>

CSS:

body {
background-color:orange;
color: white;
font-family: 'Times New Roman', Times, serif;
align-items: center;
}
p {
margin-top: 50px;
}

.sliderContainer {
width: 100%;
margin-top: 200px
}

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com