JSON + JQuery

Carregar informações de um JSON em inputs de texto

by buildbreaker

HTML

<div id="campos">
  <label for="nome">Nome:</label>
  <input type="text" id="nome" size="40" />
  <br />

  <label for="email">Email:</label>
  <input type="text" id="email" size="40" />
  <br />

  <label for="instagram">Instagram:</label>
  <input type="text" id="instagram" size="40" />
  <br />
</div>

CSS

body {
  background-color: black;
  color: white;
  padding: 20px;
}

label {
  display: inline-block;
  width: 80px;
  text-align: right;
}

#campos {
  background: #44444a;
  border-radius: 4px;
  padding: 20px;
  font-size: 18px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 500px;
}

JavaScript

let json = {
	"nome": "Aloisio Wohlmeister",
  "email": "buildbreaker.aaw@gmail.com",
  "instagram": "@build.breaker"
};

$("#nome").val(json.nome);
$("#email").val(json.email);
$("#instagram").val(json.instagram);