Калькулятор ИМТ и Процент Жиры на JS

Question

Суть вопроса:

Разрабатываю Калькулятор ИМТ и Процент Жиры и столкнулся с проблемой в программной части.

Не могу вывести решение функции getbfpvalue, а так же при выборе пола "gender" нужно подставлять разные уравнения

function getbmivalue(){
    
                var weight = document.getElementById('weight').value;
                var height = document.getElementById('height').value;
    
                height = height / 100; // теперь рост в метрах
    
                var newbmivalue = weight / (height * height);
    
                Math.round(newbmivalue);
    
                document.getElementById('bmivalue').value = newbmivalue;
            }
        
function getbfpvalue(){

            var gandre = document.getElementById('gandre').value;
            var age = document.getElementById('age').value;
            var weight = document.getElementById('weight').value;
            var height = document.getElementById('height').value;
            var neck = document.getElementById('neck').value;
            var waist = document.getElementById('waist').value;
            var hip = document.getElementById('hip').value;

            if( newbfpvalue = male){
                var man = (495/1.0324 - 0.19077 * log10(waist - neck) + 0.15456 * log10(height)) - 450;
            }
                esle( newbfpvalue = female){
                    var female = (495/1.29579 - 0.35004 * log10(waist - neck) + 0.22100 * log10(height)) - 450
                }
            Math.round(newbfpvalue);

            document.getElementById('bfpvalue').value = newbfpvalue;
        }

<!DOCTYPE html>
    <html>
    <head>
        <style type="text/css">
            #calcForm {
                
            }
            #calcForm input {
                width:150px;
                display: inline-block;
            }
        </style>
        <title></title>
        <!-- Ladt compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
    </head>
    <body>
    
        <div class="container">
            <div class="card">
                <div class="card-header text-center"> Calculator </div>
                <div class="card-body">
                    <form class="w-50 m-auto" id="calcForm">
                        <!-- Твой пол -->
                        <div class="form-group">
                            <label>Gender:</label>
                            <p>
                                <select id="gender">
                                    <option label="Male" value="one" id="male">Man</option>
                                    <option label="Female" value="two" id="female">Woman</option>
                                </select>
                            </p>
                        </div>
                        <!-- Твой возраст -->
                        <div class="form-group">
                            <label>Age:</label>
                            <input type="number" name="" placeholder="Your age" required="" id="age" class="form-control">
                        </div>
                        <!-- Твой вес -->
                        <div class="form-group">
                            <label>Weight:</label>
                            <input type="number" name="" placeholder="Weight in cm" required="" id="weight" class="form-control">
                        </div>
                        <!-- Твой рост -->
                        <div class="form-group">
                            <label>Height:</label>
                            <input type="number" name="" placeholder="Height in cm" required="" id="height" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>Neck:</label>
                            <input type="number" name="" placeholder="Neck in cm" required="" id="neck" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>Waist:</label>
                            <input type="number" name="" placeholder="Waist in cm" required="" id="waist" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>Hip:</label>
                            <input type="number" name="" placeholder="Hip in cm" required="" id="hip" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>BMI Value:</label>
                            <input type="number" name="" id="bmivalue" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>BFP Value:</label>
                            <input type="number" name="" id="bfpvalue" class="form-control">
                        </div>
                        <div>
                            <button type="submit" class="btn btn-success" onclick="getbmivalue()"> Calculate your BMI </button>
                            <button type="submit" class="btn btn-success" onclick="getbfpvalue()"> Calculate yours BFP </button>
                        </div>
                    </form>
                </div>
                <div class="card-footer text-center"> JmP Online traiming is simple to use and powerful for resolts </div>
            </div>
            
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
      </body>
      </html>

БЛОГ НА HUSL

Калькулятор ИМТ и Процент Жиры на JS

Ответы (0 шт):