Preciso da quantidade no php

[Saulo Junior 0]

tenho o seguinte código em Jquery e preciso da variável numero no php, para calculo final dos produtos selecionados e não consigo recuperar com o uso de document.write(numero)

 

Este é o código Jquery com a variável numero:

$('.button-more').on('click',function() {

    var contador = document.querySelector('.contar');

    var numero = parseInt(contador.textContent) + 1;

    contador.textContent = numero;

});

});

 

$('.button-less').on('click',function() {

  var contador = document.querySelector('.contar');

  var teste =  parseInt(contador.textContent);

  if (teste > 0) {

    var numero = teste - 1;

    contador.textContent = numero;

}

});

 

 

preciso recupera-la aqui :

 

<div class="right"><?php $quant = "<script> document.write(numero)</script>"; echo $quant?> quantias de Licor 43</a></div>

[abraaoz 0]

Bom dia Saulo,

Os códigos que você citou na pergunta demonstram que você está pulando etapas no aprendizado das 3 linguagens que você está usando: HTML, JavaScript e PHP. Além disso, você está tentando usar uma biblioteca (jQuery) cujo uso não é mais recomendado. Há formas bem mais simples e modernas de se fazer o mesmo, inclusive com JavaScript puro.

Pense no PHP apenas como uma ferramenta que realiza operações em um servidor. No caso de uso que você apresentou, não há necessidade de operação no servidor (server-side), apenas no navegador do usuário (client-side).

Quando se pensa em JavaScript, deve-se pensar em eventos. Você tem apenas dois eventos possíveis: clicar em um dos botões.

Antes de escrever qualquer código, você precisa responder a si mesmo: qual problema quero resolver? Nesse caso específico, imagino que a resposta seria: "quero controlar a quantidade de licor através de dois botões e mostrar essa quantidade dentro de uma <div>"

Esse objetivo pode ser atingido MAIS FÁCIL sem o uso de jQuery e PHP, apenas com HTML e JavaScript puro:

<div><span id="quantidade">0</span> Licor</div>
<button type="button" class="button-less">-</button>
<button type="button" class="button-more">+</button>
<script>
  function getQuantidadeAtual() {
    return parseInt(document.getElementById("quantidade").textContent);
  }
  document.querySelector(".button-less").addEventListener("click", function() {
    document.getElementById("quantidade").textContent = Math.max(
      0,
      getQuantidadeAtual() - 1
    );
  });
  document.querySelector(".button-more").addEventListener("click", function() {
    document.getElementById("quantidade").textContent =
      getQuantidadeAtual() + 1;
  });
</script>

 

[Francisco Jr. 0]

@abraaoz excelente resposta.