Frases de acordo com o número do input

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 11:48

Detalhes da questão


Endereço do fórum: http://somosmugiwara.forumeiros.com
Versão do fórum: PunBB

Descrição


Gostaria que aparecessem frases caso o número do input abaixo seja positivo ou negativo.

Número Positivo: Frase 1
Número Negativo: Frase 2

Tem como fazer?

Código:
<input id="hpgigante" type="button" />


Última edição por Connor R. em 04.11.17 14:04, editado 1 vez(es)
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 13:15

Eu não entendi muito bem o que o senhor deseja fazer.
Poderia explicar melhor?
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 13:19

Por exemplo..

Código:
<input id="resultadoea" type="button" value="6">

O input acima está com o valor 6, ou seja, positivo. Aparecia uma frase dentro de uma div ou span abaixo do input, ficando assim.

Código:
<input id="resultadoea" type="button" value="6">
<div>Frase 1</div>

Caso o número seja negativo, vai aparecer outra frase.

Código:
<input id="resultadoea" type="button" value="-34">
<div>Frase 2</div>
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 13:24

E esse número é inserido de onde? Ele já vem setado? É aleatório? É colocado pelo usuário?
E o zero é considerado negativo ou positivo?
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 13:29

Ele inserido com base em outros valores, sendo automático.
Tava pensando no caso do zero agora, pode ter uma frase para ele também, ou seja, três frases. Um para número negativo, outra para positivo e uma para o zero.

O input está na página abaixo.

http://somosmugiwara.forumeiros.com/h87-

Ele é o resultado, basta introduzir os valores. Pode usar a ficha abaixo para preencher.
http://somosmugiwara.forumeiros.com/t2483-ficha-aceita-de-franken-stein
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 13:35

Aqui:
Código:
<input type="number" class="fa-input-random" />
<div class="fa-random-result"></div>
<script>
  (function ($) {
    'use strict';

    $(function () {
      $('.fa-input-random').on('change', function () {
        var $this = $(this);

        var number = parseInt($(this).val());
        var config = {
          minus: 'Frase negativa.',
          zero : 'Fraze nula.',
          plus : 'Frase Positiva.'
        };
        var setHTML = function (html) {
          $this
            .next()
            .html(html)
          ;
        };

        if (number === 0) {
          setHTML(config.zero);
        } elseif (number > 0) {
          setHTML(config.plus);
        } elseif (number < 0) {
          setHTML(config.minus);
        }
      });
    });
  }(jQuery));
</script>
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 13:44

O número é definido pela id="resultadoea".
Basta eu adicionar ela no input abaixo?

Código:
<input type="number" class="fa-input-random" />

Coloquei a id no input acima e não funcionou..
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 13:50

Não. Só funciona se você digitar...
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 13:54

Entendo, estou testando na página abaixo

http://somosmugiwara.forumeiros.com/h88-

Mas não funciona
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 14:00

Troque o código dentro do <script> por este:
Código:
(function ($) {
    'use strict';
 
    $(function () {
      $('.fa-input-random').on('change', function () {
        var $this = $(this);
 
        var number = parseInt($(this).val());
        var config = {
          minus: 'Frase negativa.',
          zero : 'Fraze nula.',
          plus : 'Frase Positiva.'
        };
        var setHTML = function (html) {
          $this
            .next()
            .html(html)
          ;
        };
 
        if (number === 0) {
          setHTML(config.zero);
        } else if (number > 0) {
          setHTML(config.plus);
        } else if (number < 0) {
          setHTML(config.minus);
        }
      });
    });
}(jQuery));
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. em 04.11.17 14:03

funcionou meu chapa, thanks
Connor R.

Connor R.
Membro do Fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1045
Pontos Ativos : 1693

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Atendido / Resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz em 04.11.17 14:08

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum