Frases de acordo com o input

Detalhes da questão

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

Descrição

Olá, o código abaixo tinha por objetivo aparecer uma frase de acordo com o número do input, porém deixou de funcionar.

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);
                } else if (number > 0) {
                  setHTML(config.plus);
                } else if (number < 0) {
                  setHTML(config.minus);
                }
              });
            });
        }(jQuery));
        </script>


Olá @Connor R.

Eu testei aqui e código funcionou perfeitamente, onde você colocou o código?

Tente ainda assim, substituir por este:

Código:

<input type="number" class="fa-input-random" />
        <div class="fa-random-result"></div>
        <script>
        (function (jQuery) {
            'use strict';
     
            jQuery(function () {
              jQuery('.fa-input-random').on('change', function () {
                var jQuerythis = jQuery(this);
     
                var number = parseInt(jQuery(this).val());
                var config = {
                  minus: 'Frase negativa.',
                  zero : 'Fraze nula.',
                  plus : 'Frase Positiva.'
                };
                var setHTML = function (html) {
                  jQuerythis
                    .next()
                    .html(html)
                  ;
                };
     
                if (number === 0) {
                  setHTML(config.zero);
                } else if (number > 0) {
                  setHTML(config.plus);
                } else if (number < 0) {
                  setHTML(config.minus);
                }
              });
            });
        }(jQuery));
        </script>

Até mais.

Aqui veja abaixo
http://somosmugiwara.forumeiros.com/h92-calculadora-de-xp

Quando o resultado for positivo, ficaria assim: https://screenshotscdn.firefoxusercontent.com/images/2aaec8fa-a2b4-4198-b398-b075c6bf2dd5.png

Quando for negativo,ficaria assi: https://screenshotscdn.firefoxusercontent.com/images/2f401396-e0eb-452d-921f-90f60d47f795.png

Lhe falo que os primeiros dois valores são introduzidos pelo usuário e com base nestes dois resultados temos o resultado final, que é o que define a frase, ele é gerado via operação matemática.
Porém a frase não está aparecendo...

Certo, poderia me fornecer o código dá pagina HTML para que eu possa analisar?
Se preferir pode-o fazer via MP

Até mais.

Claro, passo aqui sem problema.

Código:


<style>
.button2:hover{opacity:.9}
.button2{background:#578603 url(http://i74.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0!important;border-color:#476D03!important;text-shadow:#446901 0 -1px 0!important;color:#fff!important;padding:4px 10px!important;cursor:pointer;moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;border-radius:2px;box-shadow:rgba(0,0,0,0.43) 0 1px 3px}
.lin{color:#6f6f6f}
.copi{float:right;font-size:10px;margin:-5px 0 5px}
a{font-weight:700;color:#fff;text-decoration:none}
.descri{font-size:12px;font-style:italic;text-align:center;margin:2px auto;background-color:#EEE;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
body,td,th{font-family:"open sans",arial,sans-serif;font-size:16px;color:#6f6f6f}
body{background:url(https://i.imgur.com/nHFzmRQ.png) 55% 1% no-repeat;background-attachment:fixed;background-color:#000;margin:0}
.anun728{border-radius:2px;margin:0 0 5px;width:730px;height:90px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.anun300{border-radius:2px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd;width:300px;height:600px;float:right}
.conti{height:300px;overflow:auto;border-radius:2px;text-align:center;margin:0 0 5px;width:730px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.uni{margin:0 auto;width:1065px;position:relative}
.uni2{text-align:center;padding:10px;background-color:#FFF;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
.uni3{font-size:40px;margin:0 auto;text-align:center}
.uni4{font-size:20px;margin:5px auto;text-align:center;color:#3d8dd1}
.uni5{text-align:center;margin:0 0 10px}
.uni6{text-align:center;margin:0 auto;padding:5px;background-color:#FFF;-webkit-border-radius:0;border-radius:0 -webkit-box-shadow: 0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3);min-height:610px}
.box{height:160px;border:1px solid #ddd;border-radius:2px;padding:5px;float:left;margin:2px;width:227px;text-align:left}
.titu{font-size:14px;font-family:"open sans",arial,sans-serif;font-weight:700}
.box p{font-size:12px}
.tec,.tec1,.tec2,.tec3,.tec4,.tec5{padding:5px;width:150px;text-align:center;margin:0 auto;border-radius:2px}
.tec{background:#03A5D8}
.tec1{background:#84c754}
.tec2{background:#e9553c}
.tec3{background:#E0D803}
.tec4{background:#ecb520}
.tec5{background:#fff;border:1px solid #ddd;margin-top:5px;color:#6f6f6f;border-radius:2px}
.tec:hover,.tec1:hover,.tec2:hover,.tec3:hover,.tec4:hover,.tec5:hover{box-shadow:0 0 2px #ddd;opacity:.8}
.discri{height:70px;box-shadow:0 0 1px #ddd;padding:4px}
</style> <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);
                } else if (number > 0) {
                  setHTML(config.plus);
                } else if (number < 0) {
                  setHTML(config.minus);
                }
              });
            });
        }(jQuery));
        </script> <script language="Javascript">
function soma(){

document.getElementById("pvr").value = '0';

var dr = parseFloat(document.getElementById("dr").value);
var pvo = parseFloat(document.getElementById("pvo").value); 

if(document.getElementById("dr").value==''){
document.getElementById("dr").value= 0;
dr= 0;
}
if(document.getElementById("pvo").value==''){
document.getElementById("pvo").value= 0;
pvo= 0;
}

document.getElementById("pvr").value = parseInt(dr - pvo);
}
</script>  <title>Calculadora de Acerto e Esquiva  </title>  <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />               
<div class="uni">
                                                                                                                                                                                                                                    
   <div class="uni2">
                                                                                                                                                                                                                                       
      <div class="uni3">
                                               Calculadora de Acerto e Esquiva                                 
      </div>
                                                                                                                                                                                                                                       
      <div class="uni4">
                                                                             <a class="tec5" href="/forum">Voltar ao fórum</a>                                                                   
      </div>
                                                                                                                                                                                                                                         
   </div>
                                                                                                                                                                                                                                    
   <div class="descri">
                                                                     
   </div>
                                                                                                                                                                                                                                    
   <div class="uni5">
                                                                                                                                                                                                                                       
      <div class="uni6">
                                              
         <div class="anun300">
                                                                   
            <!--                  LOMADEE - BEGIN                  --><script language="javascript" type="text/javascript">
   lmd_source="35878945";
   lmd_si="33922750";
   lmd_pu="22735004";
   lmd_c="BR";
   lmd_wi="300";
   lmd_he="600";
</script><script language="javascript" type="text/javascript" src="http://image.lomadee.com/js/ad_lomadee.js"></script>               
            <!--                  LOMADEE - END                  -->                                                                                 
         </div>
                                                                                                                                                                                                                                          
         <div class="anun728">
                                                                       
            <!--                  LOMADEE - BEGIN                  --><script type="text/javascript" language="javascript">
   lmd_source="35878943";
   lmd_si="33922750";
   lmd_pu="22735004";
   lmd_c="BR";
   lmd_wi="728";
   lmd_he="90";
</script><script src="http://image.lomadee.com/js/ad_lomadee.js" type="text/javascript" language="javascript"></script>               
            <!--                  LOMADEE - END                  -->                                                                                                                                 
         </div>
                                                                                                                                                                                                                                          
         <div class="conti">
                                 
            <div class="left">
                                                                            
               <div class="topot">
                                                  Calculadora de Esquiva e Acerto                             
               </div>
                                                                                                                              
               <div class="arruma">
                                                                                                  Acerto do Personagem: <input type="number" onblur="soma()" value="0" id="dr" /> <br />Esquiva do Personagem: <input type="number" onblur="soma()" value="0" id="pvo" /> <br />                                 
                  <hr />
                                                                                                                                               
               </div>
                                                                                                                                                                                                            
               <div class="arrumas">
                                                                                                  <strong>Resultado do Teste:</strong>  <input type="button" class="fa-input-random" id="pvr" />             
                  <div class="fa-random-result">
                                
                  </div>
                                               
               </div>
                                                                                                                                                                                                                                        
            </div>
                                                                                                                                                                                                         
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                        
      </div>
                                                                                                                                                                                                                           
   </div>
                                                                                                      
   <div class="copi">
                                                            2012 - 2018 Somos Mugiwara Rpg - Todos os direitos reservados                                                     
   </div>
</div>


Qualquer coisa fala que tento explicar melhor para você.

Olá!

Veja se é isto:

Código:

<style>
.button2:hover{opacity:.9}
.button2{background:#578603 url(http://i74.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0!important;border-color:#476D03!important;text-shadow:#446901 0 -1px 0!important;color:#fff!important;padding:4px 10px!important;cursor:pointer;moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;border-radius:2px;box-shadow:rgba(0,0,0,0.43) 0 1px 3px}
.lin{color:#6f6f6f}
.copi{float:right;font-size:10px;margin:-5px 0 5px}
a{font-weight:700;color:#fff;text-decoration:none}
.descri{font-size:12px;font-style:italic;text-align:center;margin:2px auto;background-color:#EEE;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
body,td,th{font-family:"open sans",arial,sans-serif;font-size:16px;color:#6f6f6f}
body{background:url(https://i.imgur.com/nHFzmRQ.png) 55% 1% no-repeat;background-attachment:fixed;background-color:#000;margin:0}
.anun728{border-radius:2px;margin:0 0 5px;width:730px;height:90px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.anun300{border-radius:2px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd;width:300px;height:600px;float:right}
.conti{height:300px;overflow:auto;border-radius:2px;text-align:center;margin:0 0 5px;width:730px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.uni{margin:0 auto;width:1065px;position:relative}
.uni2{text-align:center;padding:10px;background-color:#FFF;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
.uni3{font-size:40px;margin:0 auto;text-align:center}
.uni4{font-size:20px;margin:5px auto;text-align:center;color:#3d8dd1}
.uni5{text-align:center;margin:0 0 10px}
.uni6{text-align:center;margin:0 auto;padding:5px;background-color:#FFF;-webkit-border-radius:0;border-radius:0 -webkit-box-shadow: 0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3);min-height:610px}
.box{height:160px;border:1px solid #ddd;border-radius:2px;padding:5px;float:left;margin:2px;width:227px;text-align:left}
.titu{font-size:14px;font-family:"open sans",arial,sans-serif;font-weight:700}
.box p{font-size:12px}
.tec,.tec1,.tec2,.tec3,.tec4,.tec5{padding:5px;width:150px;text-align:center;margin:0 auto;border-radius:2px}
.tec{background:#03A5D8}
.tec1{background:#84c754}
.tec2{background:#e9553c}
.tec3{background:#E0D803}
.tec4{background:#ecb520}
.tec5{background:#fff;border:1px solid #ddd;margin-top:5px;color:#6f6f6f;border-radius:2px}
.tec:hover,.tec1:hover,.tec2:hover,.tec3:hover,.tec4:hover,.tec5:hover{box-shadow:0 0 2px #ddd;opacity:.8}
.discri{height:70px;box-shadow:0 0 1px #ddd;padding:4px}
</style><script>
        (function ($) {
            'use strict';
$(function() {
$('.arruma input').change(function() {
 soma();
                var $this = $(this);
    
                var number = $('.fa-input-random').val();
                var config = {
                  minus: 'Frase negativa.',
                  zero : 'Fraze nula.',
                  plus : 'Frase Positiva.'
                };
                var setHTML = function (html) {
                  $('.fa-random-result').html(html);
                };
    
                if (number == 0) {
                  setHTML(config.zero);
                } else if (number > 0) {
                  setHTML(config.plus);
                } else if (number < 0) {
                  setHTML(config.minus);
                }
    });
              });
                  }(jQuery));
        </script> <script language="Javascript">
function soma(){
 
document.getElementById("pvr").value = '0';
 
var dr = parseFloat(document.getElementById("dr").value);
var pvo = parseFloat(document.getElementById("pvo").value);
 
if(document.getElementById("dr").value==''){
document.getElementById("dr").value= 0;
dr= 0;
}
if(document.getElementById("pvo").value==''){
document.getElementById("pvo").value= 0;
pvo= 0;
}
 
document.getElementById("pvr").value = parseInt(dr - pvo);
}
</script>  <title>Calculadora de Acerto e Esquiva  </title>  <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />              
<div class="uni">
                                                                                                                                                                                                                                    
   <div class="uni2">
                                                                                                                                                                                                                                      
      <div class="uni3">
                                               Calculadora de Acerto e Esquiva                                
      </div>
                                                                                                                                                                                                                                      
      <div class="uni4">
                                                                             <a class="tec5" href="/forum">Voltar ao fórum</a>                                                                  
      </div>
                                                                                                                                                                                                                                        
   </div>
                                                                                                                                                                                                                                    
   <div class="descri">
                                                                    
   </div>
                                                                                                                                                                                                                                    
   <div class="uni5">
                                                                                                                                                                                                                                      
      <div class="uni6">
                                              
         <div class="anun300">
                                                                  
            <!--                  LOMADEE - BEGIN                  --><script language="javascript" type="text/javascript">
   lmd_source="35878945";
   lmd_si="33922750";
   lmd_pu="22735004";
   lmd_c="BR";
   lmd_wi="300";
   lmd_he="600";
</script><script language="javascript" type="text/javascript" src="http://image.lomadee.com/js/ad_lomadee.js"></script>              
            <!--                  LOMADEE - END                  -->                                                                                
         </div>
                                                                                                                                                                                                                                          
         <div class="anun728">
                                                                      
            <!--                  LOMADEE - BEGIN                  --><script type="text/javascript" language="javascript">
   lmd_source="35878943";
   lmd_si="33922750";
   lmd_pu="22735004";
   lmd_c="BR";
   lmd_wi="728";
   lmd_he="90";
</script><script src="http://image.lomadee.com/js/ad_lomadee.js" type="text/javascript" language="javascript"></script>              
            <!--                  LOMADEE - END                  -->                                                                                                                                
         </div>
                                                                                                                                                                                                                                          
         <div class="conti">
                                
            <div class="left">
                                                                            
               <div class="topot">
                                                  Calculadora de Esquiva e Acerto                            
               </div>
                                                                                                                              
               <div class="arruma">
                                                                                                  Acerto do Personagem: <input type="number" value="0" id="dr" /> <br />Esquiva do Personagem: <input type="number" value="0" id="pvo" /> <br />                                
                  <hr />
                                                                                                                                              
               </div>
                                                                                                                                                                                                            
               <div class="arrumas">
                                                                                                  <strong>Resultado do Teste:</strong>  <input type="button" class="fa-input-random" id="pvr" />            
                  <div class="fa-random-result">
                                
                  </div>
                                              
               </div>
                                                                                                                                                                                                                                        
            </div>
                                                                                                                                                                                                        
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                        
      </div>
                                                                                                                                                                                                                          
   </div>
                                                                                                      
   <div class="copi">
                                                            ️ 2012 - 2018 Somos Mugiwara Rpg - Todos os direitos reservados                                                    
   </div>
</div>

Obs: Eu troquei o onblur() pelo onchange(), ou seja agora irá mostrar o resultado (quase) instantaneamente, antes era necessário clicar fora da caixa para atualizar. Todavia, se quiser como estava só dizer

Olá eu chapa, testei e não gerou nenhum resultado.....

Hmm, como pode?

Você tem a opção "utilizar o início e o final da página do seu fórum" ativa certo?
Caso não seja isto, crie a página e deixe aqui o link

Até.

Sim é isto, quando ativo o código funciona normalmente. Porém, gostaria de não ativar, pois é uma página personalizada..... Seria possível?

Link: http://somosmugiwara.forumeiros.com/h92-calculadora-para-narradores

Claro que é possível, teremos apenas de importar a biblioteca jQuery.

Código:

<html>
<body>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>
<style>
.button2:hover{opacity:.9}
.button2{background:#578603 url(http://i74.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0!important;border-color:#476D03!important;text-shadow:#446901 0 -1px 0!important;color:#fff!important;padding:4px 10px!important;cursor:pointer;moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;border-radius:2px;box-shadow:rgba(0,0,0,0.43) 0 1px 3px}
.lin{color:#6f6f6f}
.copi{float:right;font-size:10px;margin:-5px 0 5px}
a{font-weight:700;color:#fff;text-decoration:none}
.descri{font-size:12px;font-style:italic;text-align:center;margin:2px auto;background-color:#EEE;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
body,td,th{font-family:"open sans",arial,sans-serif;font-size:16px;color:#6f6f6f}
body{background:url(https://i.imgur.com/nHFzmRQ.png) 55% 1% no-repeat;background-attachment:fixed;background-color:#000;margin:0}
.anun728{border-radius:2px;margin:0 0 5px;width:730px;height:90px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.anun300{border-radius:2px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd;width:300px;height:600px;float:right}
.conti{height:300px;overflow:auto;border-radius:2px;text-align:center;margin:0 0 5px;width:730px;border:1px solid #ddd;background:#fff;padding:4px;box-shadow:0 0 2px #ddd}
.uni{margin:0 auto;width:1065px;position:relative}
.uni2{text-align:center;padding:10px;background-color:#FFF;-webkit-box-shadow:0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3)}
.uni3{font-size:40px;margin:0 auto;text-align:center}
.uni4{font-size:20px;margin:5px auto;text-align:center;color:#3d8dd1}
.uni5{text-align:center;margin:0 0 10px}
.uni6{text-align:center;margin:0 auto;padding:5px;background-color:#FFF;-webkit-border-radius:0;border-radius:0 -webkit-box-shadow: 0 0 5px 2px rgba(75,75,75,0.3);box-shadow:0 0 5px 2px rgba(75,75,75,0.3);min-height:610px}
.box{height:160px;border:1px solid #ddd;border-radius:2px;padding:5px;float:left;margin:2px;width:227px;text-align:left}
.titu{font-size:14px;font-family:"open sans",arial,sans-serif;font-weight:700}
.box p{font-size:12px}
.tec,.tec1,.tec2,.tec3,.tec4,.tec5{padding:5px;width:150px;text-align:center;margin:0 auto;border-radius:2px}
.tec{background:#03A5D8}
.tec1{background:#84c754}
.tec2{background:#e9553c}
.tec3{background:#E0D803}
.tec4{background:#ecb520}
.tec5{background:#fff;border:1px solid #ddd;margin-top:5px;color:#6f6f6f;border-radius:2px}
.tec:hover,.tec1:hover,.tec2:hover,.tec3:hover,.tec4:hover,.tec5:hover{box-shadow:0 0 2px #ddd;opacity:.8}
.discri{height:70px;box-shadow:0 0 1px #ddd;padding:4px}
</style><script>
        (function ($) {
            'use strict';
$(function() {
$('.arruma input').change(function() {
 soma();
                var $this = $(this);
   
                var number = $('.fa-input-random').val();
                var config = {
                  minus: 'Frase negativa.',
                  zero : 'Fraze nula.',
                  plus : 'Frase Positiva.'
                };
                var setHTML = function (html) {
                  $('.fa-random-result').html(html);
                };
   
                if (number == 0) {
                  setHTML(config.zero);
                } else if (number > 0) {
                  setHTML(config.plus);
                } else if (number < 0) {
                  setHTML(config.minus);
                }
    });
              });
                  }(jQuery));
        </script> <script language="Javascript">
function soma(){
 
document.getElementById("pvr").value = '0';
 
var dr = parseFloat(document.getElementById("dr").value);
var pvo = parseFloat(document.getElementById("pvo").value);
 
if(document.getElementById("dr").value==''){
document.getElementById("dr").value= 0;
dr= 0;
}
if(document.getElementById("pvo").value==''){
document.getElementById("pvo").value= 0;
pvo= 0;
}
 
document.getElementById("pvr").value = parseInt(dr - pvo);
}
</script>  <title>Calculadora de Acerto e Esquiva  </title>  <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />             
<div class="uni">
                                                                                                                                                                                                                                   
  <div class="uni2">
                                                                                                                                                                                                                                     
      <div class="uni3">
                                              Calculadora de Acerto e Esquiva                               
      </div>
                                                                                                                                                                                                                                     
      <div class="uni4">
                                                                            <a class="tec5" href="/forum">Voltar ao fórum</a>                                                                 
      </div>
                                                                                                                                                                                                                                       
  </div>
                                                                                                                                                                                                                                   
  <div class="descri">
                                                                   
  </div>
                                                                                                                                                                                                                                   
  <div class="uni5">
                                                                                                                                                                                                                                     
      <div class="uni6">
                                             
        <div class="anun300">
                                                                 
            <!--                  LOMADEE - BEGIN                  --><script language="javascript" type="text/javascript">
  lmd_source="35878945";
  lmd_si="33922750";
  lmd_pu="22735004";
  lmd_c="BR";
  lmd_wi="300";
  lmd_he="600";
</script><script language="javascript" type="text/javascript" src="http://image.lomadee.com/js/ad_lomadee.js"></script>             
            <!--                  LOMADEE - END                  -->                                                                               
        </div>
                                                                                                                                                                                                                                         
        <div class="anun728">
                                                                     
            <!--                  LOMADEE - BEGIN                  --><script type="text/javascript" language="javascript">
  lmd_source="35878943";
  lmd_si="33922750";
  lmd_pu="22735004";
  lmd_c="BR";
  lmd_wi="728";
  lmd_he="90";
</script><script src="http://image.lomadee.com/js/ad_lomadee.js" type="text/javascript" language="javascript"></script>             
            <!--                  LOMADEE - END                  -->                                                                                                                               
        </div>
                                                                                                                                                                                                                                         
        <div class="conti">
                               
            <div class="left">
                                                                           
              <div class="topot">
                                                  Calculadora de Esquiva e Acerto                           
              </div>
                                                                                                                             
              <div class="arruma">
                                                                                                  Acerto do Personagem: <input type="number" value="0" id="dr" /> <br />Esquiva do Personagem: <input type="number" value="0" id="pvo" /> <br />                               
                  <hr />
                                                                                                                                             
              </div>
                                                                                                                                                                                                           
              <div class="arrumas">
                                                                                                  <strong>Resultado do Teste:</strong>  <input type="button" class="fa-input-random" id="pvr" />           
                  <div class="fa-random-result">
                               
                  </div>
                                             
              </div>
                                                                                                                                                                                                                                       
            </div>
                                                                                                                                                                                                       
        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                       
      </div>
                                                                                                                                                                                                                         
  </div>
                                                                                                     
  <div class="copi">
                                                            ️️ 2012 - 2018 Somos Mugiwara Rpg - Todos os direitos reservados                                                   
  </div>
</div>
  </body>
  </html>

Até mais.

Perfect man, thanks........