0

    <script>
        function a() {
           var a1 = parseInt(document.getElementById('a1').value);
           var b1 = parseInt(document.getElementById('b1').value);
            if (isNaN(a1)==true) a1=0;
            if (isNaN(b1) == true) b1 = 0;
            var ddl = document.getElementById('oper');
            var selectedValue = ddl.options[ddl.selectedIndex].value;
            
            switch (selectedValue) {
                case '+':
                    {
                        var total = a1 + b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '-':
                    {
                        var total = a1 - b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '*':
                    {
                        var total = a1 * b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '/':
                    {
                        var total = a1 / b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
            }
        }
    </script>
<html>
<head>
    <meta charset="utf-8" />
    <title>JS</title>
</head>
<body>
    <div style="display:inline-block;">
        <form>
            <input type="text" id="a1" value="10" size="6"/>
            <select size="1" name="oper" style="width:150px;">
                <option>Выберите действие</option>
                <option value="+">+</option>
                <option value="-">-</option>
                <option value="*">*</option>
                <option value="/">/</option>
            </select>
            <input type="text" id="b1" value="2" size="6"/>
            <input type="button" value="Расчитать" onclick="a()" />
        </form>
    </div>
    <div>        
        <p> Ответ =</p><p>
            <textarea сols="20" rows="1" id="count" ></textarea>
        </p>
    </div>
</body>
</html>

1 ответ 1

2

1) Первая ошибка: вы в коде пытаетесь получить document.getElementById('oper'), но у вашего select не id такой, а name, если вы хотите получать элементы именно по имени то используйте getElementsByName, но в данном случае в вашем html поменяйте name на id

2). в уже в .js не используйте тег 'script' а подключайте его в вашем html, как внешний скрипт, либо пишете в том же html файле заключив ваш js код в тег 'script', прикладываю ниже ваш код с учетом этих правок:

        function a() {
           var a1 = parseInt(document.getElementById('a1').value);
           var b1 = parseInt(document.getElementById('b1').value);
            if (isNaN(a1)==true) a1=0;
            if (isNaN(b1) == true) b1 = 0;
            var ddl = document.getElementById('oper');
            var selectedValue = ddl.options[ddl.selectedIndex].value;
            
            switch (selectedValue) {
                case '+':
                    {
                        var total = a1 + b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '-':
                    {
                        var total = a1 - b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '*':
                    {
                        var total = a1 * b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
                case '/':
                    {
                        var total = a1 / b1;
                        var el = document.getElementById('count');
                        el.textContent = total;
                        break;
                    }
            }
        }
<html>
<head>
    <meta charset="utf-8" />
    <title>JS</title>
</head>
<body>
    <div style="display:inline-block;">
 
            <input type="text" id="a1" value="10" size="6"/>
            <select size="1" id="oper" style="width:150px;">
                <option>Выберите действие</option>
                <option value="+">+</option>
                <option value="-">-</option>
                <option value="*">*</option>
                <option value="/">/</option>
            </select>
            <input type="text" id="b1" value="2" size="6"/>
            <input type="button" value="Расчитать" onclick="a()" />
  
    </div>
    <div>        
        <p> Ответ =</p><p>
            <textarea сols="20" rows="1" id="count" ></textarea>
        </p>
    </div>
</body>
</html>

1
  • Не заметил, большое спасибо, работает) 10 апр 2020 в 12:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.