Skip to content

D
Dishly
Commit bd176c04 by Marcos Teles
Options

Inserindo HTML do cadastro

parent cff0ab04
Showing with 35 additions and 10 deletions
templates/cadastro.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
......@@ -9,26 +10,48 @@
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet">
<title>Dishly</title>
</head>
<body>
<h1>Cadastro com Imagem</h1>
<h1>Cadastro com Imagem</h1>
<div class="actions">
<a href="/" class="btn btn-primary">Voltar</a>
</div>
<form id="formCadastro">
<input type="text" id="nome" placeholder="Digite o nome" required>
<input type="text" id="nome" placeholder="Digite o nome" required><br>
<input type="text" id="procoes" placeholder="Porcões" required>
<input type="text" id="porcoes" placeholder="Porções" required><br>
<input type="text" id="procoes" placeholder="Tempo de preparo" required>
<input type="text" id="tempo" placeholder="Tempo de preparo" required><br>
<input type="text" id="procoes" placeholder="Descrição da receita" required>
<textarea id="descricao" placeholder="Descrição da receita" required></textarea><br>
<input type="text" id="procoes" placeholder="Ingredientes utilizados" required>
<input type="text" id="ad_ingrediente" placeholder="Ingrediente">
<button onclick="adicionar()">Adicionar</button>
<input type="text" id="procoes" placeholder="Modo de preparo" required>
<br><br>
<textarea id="ingredientes" rows="10" cols="30" readonly></textarea><br>
<script>
function adicionar() {
let texto = document.getElementById("ad_ingrediente").value;
let textarea = document.getElementById("ingredientes");
<input type="file" id="imagem" accept="image/*" required>
textarea.value += "- " + texto + "\n";
document.getElementById("ad_ingrediente").value = "";
}
</script>
<textarea id="preparo" placeholder="Modo de preparo" required></textarea><br>
<input type="file" id="imagem" accept="image/*" required><br>
<button type="submit">Cadastrar</button>
</form>
<button type="reset">Apagar Dados</button>
<div class="cards" id="lista"></div>
......@@ -36,7 +59,7 @@
const form = document.getElementById("formCadastro");
const lista = document.getElementById("lista");
form.addEventListener("submit", function(e) {
form.addEventListener("submit", function (e) {
e.preventDefault();
const nome = document.getElementById("nome").value;
......@@ -46,7 +69,7 @@
const leitor = new FileReader();
leitor.onload = function(evento) {
leitor.onload = function (evento) {
const card = document.createElement("div");
card.classList.add("card");
......@@ -66,4 +89,5 @@
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment