第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何為 JavaScript 獲取 HTML 滑塊值作為整數(shù)?

如何為 JavaScript 獲取 HTML 滑塊值作為整數(shù)?

慕哥9229398 2023-08-18 16:54:59
我正在嘗試從 HTML 滑塊中獲取一個(gè)值,以便我可以在 JavaScript 中動(dòng)態(tài)地將其用作整數(shù)。我遇到的問(wèn)題是我似乎無(wú)法將該值用作正確的整數(shù)。例如,如果我的滑塊值為 5,并且如果我嘗試將其存儲(chǔ)在變量中并添加 10,則它將輸出為“510”。也許我是個(gè)白癡,錯(cuò)過(guò)了一些非?;净蚝?jiǎn)單的東西,但它最終總是以字符串的形式結(jié)束。我也嘗試過(guò) parseInt() ,但它似乎沒(méi)有幫助。我在下面設(shè)置了一個(gè)簡(jiǎn)單的代碼示例:JS    var sliderUnit = document.getElementById("slider");     var outputUnit = document.getElementById("amtOutput");    var a = 0;    var b = 10;    outputUnit.innerHTML = sliderUnit.value;    sliderUnit.oninput = function(){        outputUnit.innerHTML = this.value;        console.log(sliderUnit.value);        a = this.value;        parseInt(a);    }       function test(){        b += a;        console.log("b: " + b + " | a: " + a);    }超文本標(biāo)記語(yǔ)言<div class="sliderContainer">    <input type="range" min="1" max="15" value="7" id="slider">    <input type="submit" value="Submit" onclick="test()" />    | Slider number: <span id="amtOutput"></span></div>
查看完整描述

2 回答

?
一只名叫tom的貓

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超3個(gè)贊

問(wèn)題是您正在調(diào)用parseInt(a)但返回的整數(shù)值沒(méi)有得到正確處理,您應(yīng)該這樣做a = parseInt(a);


var sliderUnit = document.getElementById("slider"); 

    var outputUnit = document.getElementById("amtOutput");

    var a = 0;

    var b = 10;

    outputUnit.innerHTML = sliderUnit.value;

    sliderUnit.oninput = function(){

        outputUnit.innerHTML = this.value;

        console.log(sliderUnit.value);

        a = this.value;

        a = parseInt(a); // Change this line

    }

   

    function test(){

        b += a;

        console.log("b: " + b + " | a: " + a);

    }

<div class="sliderContainer">

    <input type="range" min="1" max="15" value="7" id="slider">

    <input type="submit" value="Submit" onclick="test()" />

    | Slider number: <span id="amtOutput"></span>

</div>

如果不是,變量 a 將繼續(xù)是字符串,因?yàn)樗鼪](méi)有改變



查看完整回答
反對(duì) 回復(fù) 2023-08-18
?
忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

您需要使用 將字符串解析為 int parseInt。


工作代碼:


var sliderUnit = document.getElementById("slider"); 

    var outputUnit = document.getElementById("amtOutput");

    var a = 0;

    var b = 10;

    outputUnit.innerHTML = sliderUnit.value;

    sliderUnit.oninput = function(){

        outputUnit.innerHTML = this.value;

        console.log(sliderUnit.value);

        a = this.value;

        parseInt(a);

    }

   

    function test(){

        b = parseInt(b) 

        a = parseInt(a);

        b += a;

        console.log("b: " + b + " | a: " + a);

    }

<div class="sliderContainer">

    <input type="range" min="1" max="15" value="7" id="slider">

    <input type="submit" value="Submit" onclick="test()" />

    | Slider number: <span id="amtOutput"></span>

</div>

工作 JSFiddle


查看完整回答
反對(duì) 回復(fù) 2023-08-18
  • 2 回答
  • 0 關(guān)注
  • 206 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)