Javascript-Show“；文本”；在输入范围内放置某个值时

我已经试着做了一段时间了，我保证我已经在很多地方搜索过了，但我还没有找到一个确定的解决方案。也许很简单，但这是我第一次尝试这样做，所以谢谢你的帮助

这个链接实际上就是我想要的：

但是，我不想显示图像，而是希望显示某些价格（值）。我正在做一个运费计算器，我想当人们把一些价值放入范围（磅）时，它会显示出它的成本

示例：在范围内选择值23。然后它会出现：$22.00

谢谢大家

<input id="valR" type="range" min="0" max="100" value="0" step="5" 
oninput="showVal(this.value)" onchange="showVal(this.value)" />
<span id="range">0</span>
<img id="img">

<script>
var val = document.getElementById("valR").value;
document.getElementById("range").innerHTML=val;
document.getElementById("img").src = val + ".jpg";

function showVal(newVal) {
    document.getElementById("range").innerHTML=newVal;
    document.getElementById("").src = newVal+ ".jpg";
}
</script>

0

0
var val=document.getElementById（“valR”）.value；
//根据所选的价值计算你的价格
var价格=数量（val）+1；
document.getElementById（“范围”）.innerHTML=val；
document.getElementById（“money”）.innerHTML=“$”+价格；
函数showVal（newVal）{
var newprice=Number（newVal）+1；//根据所选值计算价格
document.getElementById（“范围”）.innerHTML=newVal；
document.getElementById（“money”）.innerHTML=“$”+newprice；
}

您可以使用

document.getElementById（“range”）.innerHTML=“$”+newVal+”.00”

而且您在代码的最后一行中错过了
id
，这就是您的图像文件没有被更改的原因

您必须编写
document.getElementById（“img”）.src=newVal+“.jpg”而不是
document.getElementById（“”）.src=newVal+“.jpg”


调试器；
var val=document.getElementById（“valR”）.value；
document.getElementById（“range”）.innerHTML=“$”+val+”.00”；
document.getElementById（“img”）.src=val+“.jpg”；
函数showVal（newVal）{
document.getElementById（“range”）.innerHTML=“$”+newVal+”.00”；
document.getElementById（“img”）.src=newVal+“.jpg”；
}

0
除了
getElementById（“”）
这显然对你没有任何帮助之外，还有什么问题呢？我不明白这个问题，请在下面提供的答案上做个标记
接受
/
投赞成票
如果它们对你有帮助，我不希望出现图像，但这是：如果该人在范围内选择34，然后会出现以下内容：运费$200.00谢谢您的帮助。现在我在哪里定义值​​会出现吗？示例：如果此人在范围内选择34，则会出现以下内容：Shipping$200.00我不希望图像出现，但这是：如果此人在范围内选择34，则会出现以下内容：Shipping$200.00 34和200后面的计算是什么？不存在。我想创建这些数字。我可以一个接一个地写，我只需要知道怎么写。这不是一个计算，而是一个确定的数字。如何创建数字？您的意思是要对值34进行硬编码
200.00
？其他价值的成本是多少？另外，如果您不希望图像出现，那么为什么您有一个
img
标记，为什么要更新它的
src
值？他们问我要创建的代码。这是最接近预期结果的。没有重复的值，看起来是这样的：Range-1=$10.00 Range-2=$13.00 Range-3=$14.00它们不遵循顺序，而是值​​我会创造的。有办法做到这一点吗？