Jump to content
daviassumpcao

Verificar valor em um Json com JS

Recommended Posts

Pessoal... há valores em um JSON sendo exibidos por um JS (imagem anexo)... preciso verificar se um valor "x" está em um determinado nó do JSON. E a partir daí exibir uma div.... marquei na imagem com um círculo rosa qual valor quero verificar porém meu script não funciona... material de estudo. É possível fazer isso acontecer?

 

JS

const jsonCat = vtxctx.categoryId;
const catProd = JSON.parse(jsonCat);
var divProd = document.getElementById('faq-connect');

if (catProd.categoryId == 10103) {
  divProd.style.display = 'block';
}
else{
  divProd.style.display = 'none';
}

HTML para exibir uma DIV em caso positivo

<div class="faq-connect" style="display:none">              
  <p>Sucesso!</p>
</div>

 

 

Screen-Shot-2021-01-14-at-22.01.56.jpg

Share this post


Link to post
Share on other sites

seu script tem alguns erros:

const jsonCat = vtxctx.categoryId;
const catProd = JSON.parse(jsonCat);

// não existe id no html apenas class="faq-connect"
var divProd = document.getElementById('faq-connect'); 

// catProd já contem o valor 10103 que foi adicionado na referencia "const catProd = JSON.parse(jsonCat);"
// jsonCat recebeu o valor 10103
if (catProd.categoryId == 10103) { 
  divProd.style.display = 'block';
}
else{
  divProd.style.display = 'none';
}

SOLUTION

JS

// objeto para teste
var vtxctx = {"categoryId": "10103"};

const jsonCat = vtxctx.categoryId;
const catProd = JSON.parse(jsonCat);
var divProd = document.getElementById('faq-connect');

if (catProd == 10103) {
  divProd.style.display = 'block';
}
else{
  divProd.style.display = 'none';
}

HTML 

<div id="faq-connect" style="display:none">              
  <p>Sucesso!</p>
</div>

link jsbin: https://jsbin.com/vozawoceca/1/edit?html,js,console,output

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By mm_edilson
      Boa noite, amigos. Estou tentando inserir data completa e hora, assim:
      Segunda, 14 de Junho de 2021, 19:05:23
      Mas está saindo assim: 
      1, 1452021, 19:05:23.
      Segue meu código. Alguém poderia me ajudar a ver o que está errado?
       
      <script type="text/javascript"> function startTime() { var today=new Date(); var year=today.getYear(); if (year<2000) year += (year <1900) ? 1900 : 0 var day=today.getDay(); var month=today.getMonth(); var daym=today.getDate(); if (daym<10) daym="0"+daym var dayarray=new Array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"); var montharray=new Array("de Janeiro de ","de Fevereiro de ","de Março de ","de Abril de ","de Maio de ","de Junho de ","de Julho de ","de Agosto de ","de Setembro de ","de Outubro de ","de Novembro de ","de Dezembro de "); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // adicione um zero na frente de números<10 m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=day+","+daym+month+year+", "+h+":"+m+":"+s; t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } </script> </head> </head> <body onload="startTime()"> <div id="txt"></div> </body>  
    • By Renato Fonte
      Olá, Amigos (as),
              
      Este código (abaixo) é de um Site Imobiliário. Esta é a página (html) de edição e inclusão de dados e fotos dos imóveis no Painel Admin.
      Durante muito tempo, no navegador Chrome, o Botão para Upload das Fotos, simplesmente deixava de aparecer.
      Mas ao configurar site, permissões, javascript - permitir, o botão voltava à aparecer.
      Porém, há alguns dias essa ação não funciona mais, em navegador nenhum. Não aparece mais o botão.
              
       Pode ter sido função PHP, Query ou Json que se tornou obsoleta?
              
      Tentei varias ações mas não consigo encontrar o erro para atualizar.
              
      DOCUMENTAÇÃO JS:
      https://jclareteimoveis.com.br/app/helpers/uploadfy/js/jquery.uploadify.v2.1.4.min.js
      https://jclareteimoveis.com.br/app/helpers/uploadfy/js/swfobject.js
       
      Conto com a ajuda de vocês para me salvar dessa!
       
      Obrigado à todos!
       
       
      <link href="helpers/uploadfy/css/uploadify.css" type="text/css" rel="stylesheet" />
              <script type="text/javascript" src="helpers/uploadfy/js/swfobject.js"></script>
              <script type="text/javascript" src="helpers/uploadfy/js/jquery.uploadify.v2.1.4.min.js"></script>        
      <script>
                  $(document).ready(function() {                
                      $('#fupload').uploadify({
                          'uploader'  : 'helpers/uploadfy/js/uploadify.swf',
                          'script'    : '[baseUri]/admin/uploadr/[item_id]/',
                          //'cancelImg' : 'helpers/uploadfy/js/cancel.png',
                          'cancelImg' : 'images/icons/cancelb.png',
                          'folder'    : 'app/fotos',
                          'auto'      : true,
                          'multi'     : true,
                          'buttonText'  : 'Upload',
                          'sizeLimit'   : 25002400,
                          'width'       : 275,
                          'height'       : 40,  
                          //'queueSizeLimit' : 10,
                          'uploadLimit' : 1,
                          'fileExt'     : '*.jpg;*.gif;*.png;*.bmp;*.jpeg',
                          'fileDesc'    : 'Imagens (JPG, GIF, PNG, BMP)',
                          //'buttonImg'   : 'helpers/uploadfy/upload.png',
                          'buttonImg'   : 'images/icons/uploadr.png',
                          'onAllComplete': function(event, queueID, fileObj,response){
                              reloadFotoBind();
                          },
                          'onComplete': function(event, queueID, fileObj,response){                        
                              var response = $.parseJSON(response);
                              $(response).each(function(k,v){
                                  if(v.id != 'error'){
                                      $('<li id="li_'+v.id+'"><img src="[baseUri]/thumb/'+v.url+'/130/100/" id="img_'+v.id+'"/></li>').appendTo('#photo-gallery-ul');
                                  }else{
                                      $('<li>erro</li>').appendTo('#photo-gallery-ul');
                                  }
                              })
                              //window.location = '[baseUri]/admin/item/editar/[item_id]/fotos/';
                          }            
                      })
                  })
              </script> 
              
              
              <input id="fupload" name="upload" type="file" class="hide" />
              
    • By Tecnix
      Preciso de ajuda para colocar uma função IF - Else no código abaixo, meu objetivo é que essa parte do código só possa rodar quando eu apertar e segurar a tecla z, agradeceria muito se me ajudassem
      o código:
       
          "lock_new_victim": {
              "type": "origins:target_action_on_hit"
              "cooldown": 0,
              "entity_action": {
                  "type": "origins:and",
                  "actions": [
                      {
                          "type": "origins:execute_command",
                          "command": "tag @s add PuppeteerVictim",
                          "permission_level": 2
                      },
                      {
                          "type": "origins:execute_command",
                          "command": "execute as @s at @s store result score @s VictimOwnerUUID1 run data get entity @p[tag=Puppeteer] UUID[0]",
                          "permission_level": 2
                      },
                      {
                          "type": "origins:execute_command",
                          "command": "execute as @s at @s store result score @s VictimOwnerUUID2 run data get entity @p[tag=Puppeteer] UUID[1]",
                          "permission_level": 2
                      },
                      {
                          "type": "origins:execute_command",
                          "command": "execute as @s at @s store result score @s VictimOwnerUUID3 run data get entity @p[tag=Puppeteer] UUID[2]",
                          "permission_level": 2
                      },
                      {
                          "type": "origins:execute_command",
                          "command": "execute as @s at @s store result score @s VictimOwnerUUID4 run data get entity @p[tag=Puppeteer] UUID[3]",
                          "permission_level": 2
                      }
                  ]
              }
          },
    • By Felper
      Estou criando um jogo de avançar casas e não estou conseguindo somar os valores sorteados pelo dado. Quero fazer assim:
      let somadado=0;
      let valorsorteado=5;
      somadado=5;
      valorsorteado=3;
      somadado=8;
      valorsorteado=2;
      somadado=10;
       
      Assim por diante. 
       
    • By Fernando30
      Olá pessoal,
       
      Sou gestor na área de tecnologia já faz alguns anos e, como a maioria do pessoal que está na área, sofro muito com a falta de mão de obra. Sofremos muito com qualidade de fornecedores, confiança na prestação de serviços, etc. Na área de desenvolvimento isso se intensifica bastante.
      A demanda cresce vertiginosamente e devido a essa escassez, os projetos de tecnologia acabam tendo atrasos e falta de qualidade.
       
      Atualmente existem algumas plataformas de freelancers no mercado, mas todas com muita burocracia e custos altos para os prestadores.
       
      A ideia surgiu dessa problemática:
      Aliar uma plataforma totalmente gratuita, desburocratizada e democrática em que todos tenham acesso a desenvolvimentos de tecnologia diretamente com os profissionais da área.
        
      http://www.code4seasons.com
       
      Vocês poderiam me dar um feedback do que acharam por favor ?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.