-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathwallet.html
executable file
·84 lines (82 loc) · 2.89 KB
/
wallet.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="./lib/bignumber.min.js"></script>
<script type="text/javascript" src="./lib/web3-light.js"></script>
<script type="text/javascript">
var Web3 = require('web3');
var web3 = new Web3();
web3.setProvider(new web3.providers.HttpProvider("http://localhost:8123"));
// 잔고를 출력합니다.
function refreshBalance() {
// tablePlace를 초기화하고 계좌수 만큼 테이블의 행을 생성합니다.
document.getElementById("tablePlace").innerText = " ";
var idiv = document.createElement('div');
document.getElementById("tablePlace").appendChild(idiv);
var list = web3.eth.accounts;
var total = 0;
var input ="<table>";
for(var i = 0; i<list.length; i++){
var tempB= parseFloat(web3.fromWei(web3.eth.getBalance(list[i]),"ether"));
input +="<tr><td>"+ list[i] + "</td><td>" + tempB +" ETHER</td></tr>";
total+=tempB;
}
input +="<tr><td><strong> TOTAL </strong></td><td><strong>" + total +" ETHER</strong></td></tr></table>";
idiv.innerHTML = input;
web3.eth.filter('latest').watch(function() { refreshBalance();});
}
// 사용자의 계좌들을 select로 만듭니다.
function makeSelect() {
var list = web3.eth.accounts;
var select = document.getElementById('accounts');
for(var i = 0; i<list.length; i++){
var opt=document.createElement('option');
opt.value = list[i];
opt.innerHTML = list[i];
select.appendChild(opt);
}
}
function send(){
var address = document.getElementById('accounts').value;
var toAddress = document.getElementById('toaddr').value;
var amount = web3.toWei(document.getElementById('amount').value,"ether");
web3.eth.defaultAccount = address;
if(web3.personal.unlockAccount(address,document.getElementById('pass').value)){
web3.eth.sendTransaction({from: address, to:toAddress, value:amount},function(err,result){
if(!err)
console.log('Transaction is sent Successful!('+result+')');
else
console.log(err);
});}
}
</script>
<style>
table { border-collapse: collapse; border: 4px solid #bbb; width: 100%;}
tr:nth-child(even){background-color: #ccc}
td, h1 { padding: 8px; text-align: left;}
input, select {
padding: 6px 10px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
}
button:hover { background-color: gold;}
</style>
</head>
<body>
<h1>ETHER Wallet</h1>
<div id="tablePlace"></div>
<h4>송신처 <select id="accounts"></select> </h4>
<h4>수신처 <input type="text" id="toaddr" size="40" value=""></h4>
<h4>금액 <input id="amount" type="number"/> ETHER</h4>
<h4>password <input id="pass" type="password"/>
<button onClick="javascript:send()">Send</button></h4>
<script>
refreshBalance();
makeSelect();
</script>
</body>
</html>