首頁猿問根據(jù)...

根據(jù) ${selectedcount} 顯示不同的輸出

JavaScript

翻閱古今 2022-10-21 14:49:19

我希望預(yù)測公式顯示為：如果 ${selectedcount} > 30顯示為${selectedcount} / 3 + 5如果 ${selectedcount} < 30顯示為${selectedcount} / 3 - 5P/S：不是計(jì)算，只是公式<div id="demo" align="center"></div><script src="//code.jquery.com/jquery-1.12.0.min.js"></script><script type="text/javascript"> var selectedcount = '';function myFunction() { document.getElementById("demo").innerHTML = `<table class="table table-striped table-dark" style="width:600px; float: right; margin-right: 330px;"> <tr> <td style="text-align: center; color: #000000; text-align: left;">Current total number of students:</td> <td style="text-align: center; font-weight: bold; color: #000000; text-align: left;">${selectedcount} students</td> </tr><tr> <td style="text-align: center; color: #000000; text-align: left;">Prediction Formula:</td> <td style="text-align: center; color: #0000A0; text-align: left;">Number of students > 30 <br> <b>Average = number of students / 3 + 5</b></td> </tr> <tr> <td></td> <td style="text-align: center; color: #0000A0; text-align: left;">Number of students < 30 <br> <b>Average = number of students / 3 - 5</b></td> </tr></table>` }$(document).ready(function(){ $("#prg").change( function(){ selectedcount = $('#prg option:selected').data('prgcount'); if(selectedcount > 30){ average = selectedcount / 3 + 5; } else{ average = selectedcount / 3 - 5; } }); });</script>目前，預(yù)測公式行未從當(dāng)前學(xué)生總數(shù)中捕獲 ${selectedcount}，如下所示：屏幕截圖我已經(jīng)刪除了一些不相關(guān)的代碼，希望對(duì)您有所幫助。請(qǐng)協(xié)助解決上述問題。謝謝你。

查看完整描述

1 回答

千萬里不及你

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

根據(jù)您的條件在渲染之前存儲(chǔ)符號(hào)和分母。

像這樣的東西。

function myFunction() {

var predicDenom = parseInt(selectedcount) > 30 ? '3+5 : '3-5'; //Store the denominator based on number of students

var predicSign = parseInt(selectedcount) > 30 ? '>' : '<'; // Also store the sign

document.getElementById("demo").innerHTML = `

<tr>

<td style="text-align: center; color: #000000; text-align: left;">Current total number of students:</td>

<td style="text-align: center; font-weight: bold; color: #000000; text-align: left;">${selectedcount} students</td>

</tr>

<tr>

<td style="text-align: center; color: #000000; text-align: left;">Prediction Formula:</td>

<td style="text-align: center; color: #0000A0; text-align: left;">Number of students ${predicSign} 30 <br> <b>Average = number of students / ${predicDenom}</b></td>

</tr>

</table>`

}

反對(duì) 回復(fù) 2022-10-21