Форум

WGN · #1 (**permalink**) 16.02.2017, 19:13

Всем привет, я не могу сообразить как написать условие к коду. В условие должно быть прописано чтобы "a" и "h" были больше нуля, не были текстом. Как это можно записать в одно условие?
Вот сам код:

<html>
    <head>
        <meta charset="utf8">
    </head>
    <body>

        <input type="number" id="a" placeholder="Введите 'а'  "><br/>
        <input type="number" id="h" placeholder="Введите 'h' "><br/>
        <input type="button" value="Считать" id="CALC" onclick="CalcFunc()"><br/>
       
        <p id="result"></p>
        <script>
            function CalcFunc(){
                var a = document.getElementById("a").value
                var h = document.getElementById("h").value
                var s=0.5*a*h
                document.getElementById("result").innerHTML = "Результат: " + s;
            }
        </script>
    </body>
</html>

Paguo-86PK · #2 (**permalink**) 16.02.2017, 20:55

Тaк?

<html>
    <head>
        <meta charset="utf8">
    </head>
    <body>

        <input type="number" id="a" min="0.1" placeholder="Введите 'а'  "><br/>
        <input type="number" id="h" min="0.1" placeholder="Введите 'h' "><br/>
        <input type="button" value="Считать" id="CALC" onclick="CalcFunc()"><br/>
       
        <p id="result"></p>
        <script>
            function CalcFunc(){
                var a = document.getElementById("a").value
                var h = document.getElementById("h").value
                var s=0.5*a*h
                document.getElementById("result").innerHTML = "Результат: " + s;
            }
        </script>
    </body>
</html>

рони · #3 (**permalink**) 16.02.2017, 21:26

WGN,

<!DOCTYPE HTML>

<html>
    <head>
        <meta charset="utf8">
    </head>
    <body>

        <input type="number" id="a" placeholder="Введите 'а'  "><br/>
        <input type="number" id="h" placeholder="Введите 'h' "><br/>
        <input type="button" value="Считать" id="CALC" onclick="CalcFunc()"><br/>

        <p id="result"></p>
        <script>
            function CalcFunc(){
                var a = +document.getElementById("a").value||0;
                var h = +document.getElementById("h").value||0;
                a < 0 && (a = 0);
                h < 0 && (h = 0)
                var s=0.5*a*h
                document.getElementById("result").innerHTML = "Результат: " + s;
            }
        </script>
    </body>
</html>

WGN · #4 (**permalink**) 16.02.2017, 21:26

Сообщение от Paguo-86PK

Тaк?

<html>
    <head>
        <meta charset="utf8">
    </head>
    <body>

        <input type="number" id="a" min="0.1" placeholder="Введите 'а'  "><br/>
        <input type="number" id="h" min="0.1" placeholder="Введите 'h' "><br/>
        <input type="button" value="Считать" id="CALC" onclick="CalcFunc()"><br/>
       
        <p id="result"></p>
        <script>
            function CalcFunc(){
                var a = document.getElementById("a").value
                var h = document.getElementById("h").value
                var s=0.5*a*h
                document.getElementById("result").innerHTML = "Результат: " + s;
            }
        </script>
    </body>
</html>

Спасибо, я уже пришёл к ответу

Форум

Справочник

Discord чат

Курсы javascript