JSFiddle - React, Tailwind, and code Playground

by evandrofalleirosifms

HTML

<script src="https://rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
<form>
  <label for="nome-salada">Nome da Salada:</label>
  <input type="text" id="nome-salada">
  <label for="nome-salada">Valor da Salada:</label>
  <input type="number" id="valor-salada">
  <input type="button" onclick="cadastrarSalada()" value="Cadastrar">
</form>

CSS

input,
label{
  display: block;  
}

input{
  margin-bottom: 1rem;
}

JavaScript

function cadastrarSalada() {
  let nomeSalada = document.getElementById("nome-salada").value;
  let valorSalada = document.getElementById("valor-salada").value;
  
	console.log(`
  	Nome da Salada: ${nomeSalada}
    Valor da Salada: ${valorSalada}
  `)
}