Frases de acordo com o número do input

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" />

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

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>

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

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

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>

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

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

Entendo, estou testando na página abaixo

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

Mas não funciona

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));

funcionou meu chapa, thanks