Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Mensagem do resultado do javascript via html

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Melhorando a usabilidade

por John
| 221k xp | 308 posts
Analista de Sistemas

Ola pessoal!

De que forma pode-se fazer uma mensagem ser informada via html de um resultado de escolha/ação do formulario html? Ou é preciso fazer o formulario em js?

Segue abaixo o código que gostaria de implementar:

    <select name="category" id="category">
        <option value="">- Category -</option>
        <option value="1">Manufacturing</option>
        <option value="1">Shipping</option>
        <option value="1">Administration</option>
        <option value="1">Human Resources</option>
    </select>

Recentemente, fiz um em javascript, mas a logica é diferente, porém funciona:

}
                function calcular() {
                    var num1 = Number(document.getElementById("num1").value);
                    var num2 = Number(document.getElementById("num2").value);
                    var elemResult = document.getElementById("Result");
                        if (elemResult.textContent === undefined) {
                       elemResult.textContent = "The total is " + String(num1 + num2) + ".";
                        }
                        else { // IE
                        elemResult.innerText = "The total is " + String(num1 + num2) + ".";
                    }
                }
        <div class="6u 12u$(xsmall)">
                        Agility it's like this! Requested, Received! Just in time and right now.    
                    <br>                        
                    <h4>Let's test it?</h4>

                            Value 1:
                                <input placeholder="Digite um valor" alt="Olha só! um subtitulo!" name="name" type="text" id="num1" onkeyup="calcular();" />    
                    <br>
                            Value 2:
                                <input placeholder="Digite um valor" alt="Olha só! um subtitulo!" name="name" type="text" id="num2" onkeyup="calcular();" />
                    <br>
                                <h2><div id="Result"></div></h2>
                    </div>

Eu fiz um semelhante,

Obrigado

4 respostas
por GABRIEL DE JESUS FILHO
| 1130.1k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

Uma sugestão:

<html>
<body>

<form id="formulario">
   <select name="category" id="category">
        <option value="">- Category -</option>
        <option value="Manufacturing">Manufacturing</option>
        <option value="Shipping">Shipping</option>
        <option value="Administration">Administration</option>
        <option value="Human Resources">Human Resources</option>
    </select>
    <input type="submit" value="enviar" />
</form>
<div id="resposta"></div>


<script>
    document.getElementById('formulario').addEventListener('submit', function () {
        event.preventDefault();
        var escolha = document.getElementById("category").value;
        var div = document.getElementById("resposta");
        div.innerHTML = escolha;
    });
</script>

</body>
</html>
por John
| 221k xp | 308 posts
Analista de Sistemas

Ola Gabriel! Muito legal esta forma, mas eu esqueci de dizer que o botão submit será só para enviar ao servidor.

Ja para informar no sistema, teria de ser de acordo com a opção escolhida na lista. Cada vez que eu troco a opção, aparecerá automaticamente na tela a opção escolhida e isso entraria dentro de um IF, mas não sei como que faço pra identificar isso..

solução!
por GABRIEL DE JESUS FILHO
| 1130.1k xp | 665 posts
TÉCNICO JUDICIÁRIO : ÁREA ADMINISTRATIVA

Entendi. Então troque o código do script.

<script>
    document.getElementById('category').addEventListener('change', function () {
        event.preventDefault();
        var escolha = document.getElementById("category").value;
        var div = document.getElementById("resposta");
        div.innerHTML = escolha;
    });
</script>
por John
| 221k xp | 308 posts
Analista de Sistemas

Valeu Gabriel! Era isso mesmo!