Frases de acordo com o número do input

2 participantes

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

Tópico resolvido Frases de acordo com o número do input

Mensagem por Connor R. 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 : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. 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 : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. 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 : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. 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 : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. 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 : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Connor R. 04.11.17 14:03

funcionou meu chapa, thanks
Connor R.

Connor R.
Membro do fórum

Masculino
Inscrito dia : 06/08/2012
Mensagens : 1203
Pontos ativos : 1942

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

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Frases de acordo com o número do input

Mensagem por Luiz 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 : 6641
Pontos ativos : 7439

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


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