javascript如何將變數設定為雙向相等？-有解無憂

我設定了一些變數以將米設為英尺...讓英尺 = 米 * 3.280 但我也設定了米 = 數字所以我無法設定米 = 英尺 / 3.28 以獲得我想要的結果

我該怎么做才能給出正確的結果？

在數學中，你可以寫米 <=> 英尺 / 3.28

這是我使用變數 2 米=6.56 英尺得到的錯誤結果| （2 英尺=2 米）

有關如何正確構建它的任何幫助？謝謝你

（它說我需要解釋才能發布這個）...................................... ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... ..................................................... …………………………………………………………………………

let number = 2 
let meter = number
let feet = meter * 3.280
let calculate = document.getElementById("meterscalc")
document.getElementById("placenumber").textContent = number

function calc () {
   
    calculate.textContent = number  " meters="   feet   "feet"   "|"   number   " feet="   meter  " meters"
    
}

calc()

HTML, body{
    margin: 0;
    padding: 0;
}


body {
    background-color: rgb(7, 7, 58);
    color: aliceblue;
}

#numbermetric {
    background:linear-gradient(
        230deg, #F38B17 0%, #ED4880 100%
    );
    height: 300px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    position: relative;
    text-align: center;
    padding-top: 20px;
}

#text1 {
    font-size: 2em;
}

#placenumber {
    font-size: 5em;
}
#calculations{
    padding-top: 30px;
}
#calculations > div{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

<html lang="en">
<head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>solo project</title>
</head>
<body>
    <div id="numbermetric">
        <div id="text1">Metric/Imperial unit conversion</div>
        <div id="placenumber">0</div>     
    </div>
    <div class:="flexbox" id="calculations">
        <div class="len">Length (Meter/feet)</div>
        <div id="meterscalc">0 meters=0.000feet | 0 feet=0.0000 meters</div>
        <div class="vol" >Volume (Liters/Gallons)</div>
        <div id="volumecalc">0 liters=0.000gallons | 0 gallons=0.000 0liters</div>
        <div class="mas">Mass (Kilograms/Pounds)</div>
        <div id="masscalc">0 Kilograms=0.000Pounds | 0 Pounds=0.0000 kilograms</div>

    </div>
    <script src="index.js"></script>
</body>
</html>

uj5u.com熱心網友回復：

let number = 2 
let feetToMeter = number / 3.280
let meterToFeet = number * 3.280
let calculate = document.getElementById("meterscalc")
document.getElementById("placenumber").textContent = number

function calc () {
    // let meter = number
    // let feet = meter * 3.280
    calculate.textContent = number  " meters="   meterToFeet   "feet"   "|"   number   " feet="   feetToMeter  " meters"
    
}

calc()

HTML, body{
    margin: 0;
    padding: 0;
}


body {
    background-color: rgb(7, 7, 58);
    color: aliceblue;
}

#numbermetric {
    background:linear-gradient(
        230deg, #F38B17 0%, #ED4880 100%
    );
    height: 300px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    position: relative;
    text-align: center;
    padding-top: 20px;
}

#text1 {
    font-size: 2em;
}

#placenumber {
    font-size: 5em;
}
#calculations{
    padding-top: 30px;
}
#calculations > div{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

<html lang="en">
<head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>solo project</title>
</head>
<body>
    <div id="numbermetric">
        <div id="text1">Metric/Imperial unit conversion</div>
        <div id="placenumber">0</div>     
    </div>
    <div class:="flexbox" id="calculations">
        <div class="len">Length (Meter/feet)</div>
        <div id="meterscalc">0 meters=0.000feet | 0 feet=0.0000 meters</div>
        <div class="vol" >Volume (Liters/Gallons)</div>
        <div id="volumecalc">0 liters=0.000gallons | 0 gallons=0.000 0liters</div>
        <div class="mas">Mass (Kilograms/Pounds)</div>
        <div id="masscalc">0 Kilograms=0.000Pounds | 0 Pounds=0.0000 kilograms</div>

    </div>
    <script src="index.js"></script>
</body>
</html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/460659.html

標籤：javascript

上一篇：錯誤：React正在回傳物件作為React子物件無效

下一篇：如何修復不起作用的重啟按鈕