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

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

慕哥9229398 2023-08-18 16:54:59
我正在嘗試從 HTML 滑塊中獲取一個值,以便我可以在 JavaScript 中動態(tài)地將其用作整數(shù)。我遇到的問題是我似乎無法將該值用作正確的整數(shù)。例如,如果我的滑塊值為 5,并且如果我嘗試將其存儲在變量中并添加 10,則它將輸出為“510”。也許我是個白癡,錯過了一些非?;净蚝唵蔚臇|西,但它最終總是以字符串的形式結(jié)束。我也嘗試過 parseInt() ,但它似乎沒有幫助。我在下面設(shè)置了一個簡單的代碼示例: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)記語言<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)驗 獲得超3個贊

問題是您正在調(diào)用parseInt(a)但返回的整數(shù)值沒有得到正確處理,您應(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ù)是字符串,因為它沒有改變



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

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

您需要使用 將字符串解析為 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


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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