如何在Javascript中为输入分配两个条件?
我有一个HTML和JS代码,它会提示用户输入两个值,然后系统会显示这两个数字的副产品。Javascript代码如下所示:如何在Javascript中为输入分配两个条件?,javascript,html,Javascript,Html,我有一个HTML和JS代码,它会提示用户输入两个值,然后系统会显示这两个数字的副产品。Javascript代码如下所示: function multiplyBy() { num1 = document.getElementById("firstNumber").value; num2 = document.getElementById("multiplier").value; document.getElementById("result").innerHTML = n
function multiplyBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("multiplier").value;
document.getElementById("result").innerHTML = num1 * num2;
}
现在,对于num1输入,用户可以选择是手动输入数字,还是使用滑块单击特定值。滑块是使用html构建的,我在这里用JS发布滑块代码:
num1的Javascript代码是:
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
num1 = slider.value;
我的问题是,我应该添加什么代码以允许用户在手动输入或使用滑块之间进行选择?现在我只能给num1分配一个输入
提前感谢您的帮助 每当用户更改滑块或手动输入时,使用更改事件侦听器更新num1
函数save_num1{
document.getElementByIddemo.innerHTML=this.value;
}
document.getElementByIdmyRange.addEventListenerchange,保存num1;
document.getElementByIdfirstNumber.addEventListenerchange,保存num1;
结果:是否有一个复选框表明要使用哪个?用户如何指示他是要使用滑块还是手动输入数字?演示是什么?如果它是一个输入,那么分配给output.innerHTML是没有意义的。如果它是一个DIV,那么使用output.value.Hi@Barmar是没有意义的,因此如果用户手动输入,那么系统将仅对此进行解释,当用户使用滑块时,系统将仅使用该输入。因此,无论他最后与谁交互?Hi@Barmar,感谢您的回复。但是我如何将代码合并到这个函数中:multiplyBy{num1=document.getElementByIdmultiplier.value;num2=slider.value;document.getElementByIdresult.innerHTML=num1*num2;}?num1=document.getElementByIddemo.innerHTML;