<!DOCTYPE html>
<html lang="pt-br">
<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>Byte Bank</title>
<style>
body{
background-color: greenyellow;
}
</style>
<script type="text/javascript">
//var nome = prompt("Digite seu nome: ")
//document.write("Bem vindo, ", nome);
class Cliente{
nome;
cpf;
}
class ContaCorrente{
agencia;
// #saldo =0 https://github.com/tc39/proposal-class-fields#private-fields
_saldo = 0;
sacar(valor){
if(this._saldo >= valor){
this._saldo -= valor;
return valor;
}
}
depositar(valor){
if(valor <= 0)
{
return;
}
this._saldo += valor;
}
transferir (valor, conta) {
const valorSacado = this.sacar(valor);
conta.depositar(valorSacado);
}
}
const cliente1 = new Cliente();
cliente1.nome = "Clelson";
cliente1.cpf = 11122233309;
const cliente2 = new Cliente();
cliente2.nome = "Geise";
cliente2.cpf = 88822233309;
const contaCorrenteClelson = new ContaCorrente();
contaCorrenteClelson.cliente = cliente1;
contaCorrenteClelson.agencia = 1001;
var deposito = contaCorrenteClelson.depositar(1000);
const conta2 = new ContaCorrente();
conta2.cliente = cliente2;
conta2.agencia = 102;
function funcao1()
{
var x;
var r=confirm("Voce deseja fazer um deposito?");
if (r==true)
{
x= deposito;
}
else
{
x="Você pressionou Cancelar!";
}
document.getElementById("demo").innerHTML=x;
}
conta2.depositar(250);
conta2.transferir(100, contaCorrenteClelson);
document.write("<br> <h3>Cliente:</h3> ", cliente1.nome);
document.write("<br> <h3>Saldo:</h3> ", contaCorrenteClelson._saldo);
document.write("<br> <h3>Amigos:</h3> ", "Geise Colins ");
document.write("<br> <h3>Conta:</h3> ", cliente2.nome);
document.write("<br> <h3>Saldo:</h3> ", conta2._saldo);
</script>
</head>
<body>
<br><br>
<form action="/pagina-processa-dados-do-form" method="post">
<div>
<label for="name">Valor:</label>
<input type="value" id="valor" />
</div>
<div>
<label for="mail">Do:</label>
<input type="text" id="docliente" />
</div>
<div>
<label for="mail">Para:</label>
<input type="text" id="paracliente" />
</div>
<div>
<input type="button" value="Transferir" onclick="funcao1()" />
</div>
</form>
<p id="demo"></p>
</body>
</html>
1
resposta
resposta
Alguém consegue fazer esse código funcionar?
<!DOCTYPE html>
<html lang="pt-br">
<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>Byte Bank</title>
<style>
body{
background-color: greenyellow;
}
</style>
</head>
<body>
<br><br>
<form action="/pagina-processa-dados-do-form" method="post">
<div>
<label for="name">Valor:</label>
<input type="value" id="valor" />
</div>
<div>
<label for="mail">Do:</label>
<input type="text" id="docliente" />
</div>
<div>
<label for="mail">Para:</label>
<input type="text" id="paracliente" />
</div>
<div>
<input type="button" value="Transferir" onclick="funcao1()" />
</div>
</form>
<p id="demo"></p>
<script type="text/javascript">
//var nome = prompt("Digite seu nome: ")
//document.write("Bem vindo, ", nome);
class Cliente{
nome;
cpf;
}
class ContaCorrente{
agencia;
// #saldo =0 https://github.com/tc39/proposal-class-fields#private-fields
_saldo = 0;
sacar(valor){
if(this._saldo >= valor){
this._saldo -= valor;
return valor;
}
}
depositar(valor){
if(valor <= 0)
{
return;
}
this._saldo += valor;
}
transferir (valor, conta) {
const valorSacado = this.sacar(valor);
conta.depositar(valorSacado);
}
}
const cliente1 = new Cliente();
cliente1.nome = "Clelson";
cliente1.cpf = 11122233309;
const cliente2 = new Cliente();
cliente2.nome = "Geise";
cliente2.cpf = 88822233309;
const contaCorrenteClelson = new ContaCorrente();
contaCorrenteClelson.cliente = cliente1;
contaCorrenteClelson.agencia = 1001;
var deposito = contaCorrenteClelson.depositar(1000);
const conta2 = new ContaCorrente();
conta2.cliente = cliente2;
conta2.agencia = 102;
function funcao1()
{
var x;
var r=confirm("Voce deseja fazer um deposito?");
if (r==true)
{
//tenta trabalhar a partir daqui. Usa o console do navegador pra dar uma olhada no fluxo do código. Tentei ajudar um pouco mas não quer dizer que esteja certo kk
var valor = document.getElementById('valor')
x = valor.value
console.log(x)
var nome1 = document.getElementById('docliente')
var nomeCliente1 = nome1.value
console.log(nomeCliente1)
var nome2 = document.getElementById('paracliente')
var nomeCliente2 = nome2.value
console.log(nomeCliente2)
if(nomeCliente1 == cliente1.nome && nomeCliente2 == cliente2.nome){
contaCorrenteClelson.transferir(x,conta2)
}
}
else
{
x="Você pressionou Cancelar!";
}
document.getElementById("demo").innerHTML=x;
}
conta2.depositar(250);
conta2.transferir(100, contaCorrenteClelson);
document.write("<br> <h3>Cliente:</h3> ", cliente1.nome);
document.write("<br> <h3>Saldo:</h3> ", contaCorrenteClelson._saldo);
document.write("<br> <h3>Amigos:</h3> ", "Geise Colins ");
document.write("<br> <h3>Conta:</h3> ", cliente2.nome);
document.write("<br> <h3>Saldo:</h3> ", conta2._saldo);
</script>
</body>
</html>