首頁猿問如何根據單擊的按鈕更改代碼

如何根據單擊的按鈕更改代碼

JavaScript

一只甜甜圈 2024-01-18 10:14:39

我在 HTML 中定義了兩個按鈕，[男性] 和 [女性]。<div class="gender-buttons" id="gender-buttons"> <button class="male-button">MALE</button> <button class="female-button">FEMALE</button></div>我希望按鈕的值設置如下[男] = 0.55[女] = 0.68用戶將單擊他們的性別，然后將啟動一個功能。<script> function calculate(){ const genderMultiplier = document.getElementById("gender-buttons"); return genderMultiplier * 100; };</script>如何將 HTML 連接到 JavaScript，以便當用戶單擊male 時，該函數將在函數中使用 0.55，反之亦然？

查看完整描述

4 回答

有只小跳蛙

TA貢獻1824條經驗獲得超8個贊

您是否嘗試過使用按鈕的onClick事件和屬性？value

function calculate(target){

var genderVal = target.value * 100

console.log(genderVal) // for your information - can remove

return genderVal

}

<button class="female-button" value=0.68 onClick="calculate(this)">FEMALE</button>

</div>

反對回復 2024-01-18

胡說叔叔

TA貢獻1804條經驗獲得超8個贊

在按鈕中添加一個onclick事件，使用值來計算...

<button class="female-button" onclick="calculate(0.68)">FEMALE</button>

</div>

function calculate(genderMultiplier){

genderMultiplier * 100;

return genderMultiplier; //use this variable where ever you want.

}

</script>

反對回復 2024-01-18

守著星空守著你

TA貢獻1799條經驗獲得超8個贊

我認為你可以name-value成對使用。

例如：

<button class="gender-button" name="female" value="0.68" onclick="calculate(this.value)">FEMALE</button>

然后，通過調用來處理按鈕中的值onclick。

function calculate(genderMultipiler){

let result = genderMultipiler * 100;

return result;

};

</script>

反對回復 2024-01-18

慕俠2389804

TA貢獻1719條經驗獲得超6個贊

你可以這樣做；

在 HTML 中將性別值傳遞給函數；

<button class="female-button" onclick="calculate(0.68)">FEMALE</button>

</div>

在js函數中；

function calculate(val){

let genderMultiplier = val * 100;

return genderMultiplier;

};

反對回復 2024-01-18

4 回答
0 關注
214 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何根據單擊的按鈕更改代碼

如何根據單擊的按鈕更改代碼

4 回答

添加回答