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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

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.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

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

Ir para o topo Ir para baixo

Membro Entusiasta

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
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos