Colocando um <input> do lado esquerdo do item escolhido
Estou trabalhando num pedido de compra que já tem vários itens, só falta definir a quantidade. Como a lista é enorme, e o celular é pequeno, pensei em criar um <input> do lado esquerdo do item escolhido. Eu gosto do PHP porque dá para fazer um monte de gambiarra. Veja o que eu fiz:
<?php
$verdura=["berinjela"=>0,"beterrada"=>2,"batata"=>0];
echo "<table><tr><th>Qtd<th>Verdura";
$i=0;
foreach ($verdura as $v=>$q) {
$i++;
$id="inp".$i;
$qtd=$q;
i
Segue sugestão com separação de responsabilidades:
frontend
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Editable TD</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
table,
td,
th {
border: th