Ввод ответа в окно инпута и сравнение его с правильным ответом

@Kruzenger · Регистрация: 30.10.2018

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста, я начинающий, эта функция должна считывать данные с окна input и сравнивать их с правильным ответом на задачу, но что-бы я не пытался сделать не работает помогите.

Javascript

function human_Guess() {
            var form = document.createElement('form');
            form.name = "Ansver";
            form.method = "post";
            form.action = "";
            form.innerHTML = '<p><b>Your ansver? </b></p> <br> <input name="people_guess" type="number" size="40" min="1" max="1000"> <br> <br> <input type="button" name="calc" value="Проверить">'
            document.body.appendChild(form);
 
            var human_guess = document.querySelector('input[name="people_guess"]');
            calc.addEventListener("click", function(){
                var result = human_guess.value;
            })
        }

@MrOnlineCoder · 30.10.2018, 11:47

Kruzenger,

Javascript

function human_Guess() {
            var form = document.createElement('form');
            form.name = "Ansver";
            form.method = "post";
            form.action = "";
            form.innerHTML = '<p><b>Your ansver? </b></p> <br> <input name="people_guess" type="number" size="40" min="1" max="1000"> <br> <br> <input type="button" name="calc" value="Проверить">'
            document.body.appendChild(form);
 
            
            form.calc.addEventListener("click", function(){
                var human_guess = document.querySelector('input[name="people_guess"]');
                var result = human_guess.value;
                
                alert(result); //сделать что-то с ответом
            })
        }

ошибка была в строке 10:

Сообщение от Kruzenger

calc.addEventListener("click", function(){

calc здесь не определен, это элемент формы, и получить доступ к нему можно с помощью form.calc.

https://jsfiddle.net/chpLj953/

Добавлено через 4 минуты
А динамическое создание DOM-элементов (формы) это требуется по условиям задачи?

@Kruzenger · 30.10.2018, 13:13 **[ТС]**

Создание DOM элементов не обязательно, вот весь код, надо что-бы значение из input передавалось (присваивалось) переменной human_guess в 80 строке и уходило дальше, проблема с присваиванием.

Javascript

<script>
 
        function human_Guess() {
            var form = document.createElement('form');
            form.name = "Ansver";
            form.method = "post";
            form.action = "";
            form.innerHTML = '<p><b>Your ansver? </b></p> <br> <input name="people_guess" type="number" size="40" min="1" max="1000"> <br> <br> <input type="button" name="calc" value="Проверить">'
            document.body.appendChild(form);
 
            var human_guess = document.querySelector('input[name="people_guess"]');
            calc.addEventListener("click", function(){
                var result = human_guess.value;
            })
        }
 
        var number0;
        var number1;
        var number2;
        var lvl;
        var human_guess;
        
        const MAX_NUM = 9;
        const LEVELS_PER_STAGE = 10;
        
        function Second_10(human_guess, number1, number0, lvl, count) {
            if (human_guess == number1 * number0){
                document.body.innerHTML = '';
                document.write('ты молодец, ' + '<br>' + 'уровень ' + (lvl + 1) + '<br>');
                count = 1;
                return count;
            }
            else{
                document.body.innerHTML = '';
                document.write('ты проиграл, ' + '<br>' + 'уровень  1' + '<br>');
                count = -1;
                return count;
            } 
        }
 
        function first_10(human_guess, number1, number0, lvl, count) {
            if (human_guess == number1 + number0){  
                document.body.innerHTML = '';
                document.write('ты молодец, ' + '<br>' +  'уровень ' + (lvl + 1) + '<br>'); 
                count = 1;
                return count;
            }
            else{
                document.body.innerHTML = '';
                document.write('ты проиграл, ' + '<br>' + 'уровень 1' + '<br>');
                count = -1;
                return count;
            }
        }
 
        function third_10(human_guess, number1, number0, number2, lvl, count) {
            if (human_guess == number1 * number0 + number2){
                document.body.innerHTML = '';
                document.write('ты молодец, ' + '<br>' + 'уровень ' + (lvl + 1) + '<br>');
                count = 1;
                return count;
            }
            else{
                document.body.innerHTML = '';
                document.write('ты проиграл ' + '<br>' + 'уровень 1' + '<br>');
                count = -1;
                return count;
 
            }
        }
 
        lvl = 1;
        
        while (true) {
            number0 = Math.floor(Math.random() * MAX_NUM);
            number1 = Math.floor(Math.random() * MAX_NUM);
            number2 = Math.floor(Math.random() * MAX_NUM);
            if (lvl <= LEVELS_PER_STAGE){
                document.write('сколько будет? ' + number0 + ' + ' + number1 + '<br>');
                human_guess = human_Guess();
                if(first_10(human_guess, number1, number0, lvl, 0) == 1){
                    lvl++;
                }
                else {
                    lvl = 1;
                }
            }   
            else{
                if (lvl > LEVELS_PER_STAGE && lvl <= LEVELS_PER_STAGE * 2 ){
                    document.write('сколько будет? ' + number0 + ' * ' + number1 + '<br>');
                    human_guess = human_Guess();
                    if(Second_10(human_guess, number1, number0, lvl, 0) == 1){
                        lvl++;
                    }
                    else{
                        lvl = 1;
                    }
                }
                else{
                    if (lvl > LEVELS_PER_STAGE * 2 ){
                        document.write('сколько будет? ( ' + number0 + ' * ' + number1 + ' + ' + number2 + '<br>');
                        human_guess = human_Guess();
                        if(third_10(human_guess, number1, number0, number2, lvl, 0) == 1){
                            lvl++;
                        }
                        else{
                            lvl = 1;
                        }
                    }   
                }
            }
        }
    </script>

Опции темы