JSFiddle - React, Tailwind, and code Playground

by dandrade78

HTML

<label>Nome do produto:</label> <input type="text" id="nome_produto" name="nome_produto"><br>
<label>Código do produto:</label> <input type="text" id="codigo_produto" name="codigo_produto"><br>
<input class="btn-medium" type="submit" value="SAT" onclick="b1()">
<input class="btn-medium" type="submit" value="TP650" onclick="b2()">
<input class="btn-medium" type="submit" value="TL120" onclick="b3()">
<input class="btn-medium" type="submit" value="TC6240" onclick="b4()">
<input class="btn-medium" type="submit" value="JP800" onclick="b5()">

JavaScript

function b1() {
      
        document.getElementById('nome_produto').value = "SAT - CFE - TS-1000";
        document.getElementById('codigo_produto').value = "001046";
        }; 
    function b2(){
      
        document.getElementById('nome_produto').value = "Impressora térmica - TP-650";
        document.getElementById('codigo_produto').value = "001286";
        };   
   function b3(){
      
        document.getElementById('nome_produto').value = "Leitor de código de barras TL-120";
        document.getElementById('codigo_produto').value = "000908";
        };
   function b4(){
      
        document.getElementById('nome_produto').value = "Mini CPU - TC-6240";
        document.getElementById('codigo_produto').value = "000664";
        };
   function b5(){
      
        document.getElementById('nome_produto').value = "Impressora Térmica - JP-800";
        document.getElementById('codigo_produto').value = "001316";
        };