JSFiddle - React, Tailwind, and code Playground

HTML

<div id="espacobuscar" class="fl">
  <!-- Aqui é o input da busca -->
  <input type="text" id="buscaprod" onkeyup="proc_produto_catalog(this.value)" placeholder="Buscar" />
  <div id="ls_produto_catalogo"></div>
</div>
<img id="lupa" onclick="busca()" src="../_imagens/lupa.png" />
<!-- Aqui é uma lupa que quando clicada, aparece o input -->

<div class="fr">
  <label id="label_mobile" class="fl" for="span_ped">Tipo de Pedido: </label>
  <!-- Esse é o label que tem que desaparecer quando a busca estiver com foco -->
  <div id="tipo_ped">
    <span id="span_ped"></span>
  </div>
</div>

JavaScript

var label = document.getElementById('label_mobile');
var input = document.getElementById('buscaprod');

input.addEventListener('focus', () => { label.hidden = true });
input.addEventListener('blur', () => { label.hidden = false });