KenKappler.github.io/JSAPI.html at master · KenKappler/KenKappler.github.io · GitHub

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
<html>
<head>
  <!-- updated 25/10/14 -->
  <title>My Token</title>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">


<script type="text/javascript">

var contractAddress = '0x30b2b267cae392dfe98d405e1f8d7aa4b2c4d542';
///First web.eth.watch Code
web3.eth.watch('chain').changed(function(){
  var coinbase = web3.eth.coinbase;
  document.getElementById('coinbase').innerText = coinbase;
  var balance = web3.eth.balanceAt(coinbase);
  document.getElementById('balance').innerText = web3.toDecimal(balance);
  var blockNumber = web3.eth.number;
  document.getElementById('latestBlock').innerText = blockNumber;
  var hash = web3.eth.block(blockNumber).hash;
  document.getElementById('latestBlockHash').innerText = hash;
  var timeStamp = web3.eth.block(blockNumber).timestamp;
  document.getElementById('latestBlockTimestamp').innerText = Date(timeStamp);
  var contractString = JSON.stringify(web3.eth.storageAt(contractAddress))
  document.getElementById('contractString').innerText = contractString;
  var storageObject = web3.eth.storageAt(contractAddress);
  document.getElementById('fullName').innerText = web3.toAscii(storageObject['0x']) + ' ' + web3.toAscii(storageObject['0x01']);
});

</script>

</head>

<body>

  <div class="header">
    <h3>JavaScript API</h3>
  </div>

  <div class="jumbotron">
    <h5>Coinbase Address: <strong id="coinbase"></strong></h5>
    <h5>Balance: <strong id="balance"></strong></h5>
    <h5>Latest Block Number: <strong id="latestBlock"></strong></h5>
    <h5>Latest Block Timestamp: <strong id="latestBlockTimestamp"></strong></h5>
    <h5>Latest Block Hash: <strong id="latestBlockHash"></strong></h5>
    <h5>Contract String: <strong id="contractString"></strong></h5>
    <h5>Full Name: <strong id="fullName"></strong></h5>
    <br>
  </div>

  contract Me {
  ///Hello
  string32 first;
  string32 last;
  string32 twitter;
  string32 nick;
  address myAddress;
  uint dateJoined;
  function Me(){
  first = 'Ken';
  last = 'Kappler';
  twitter = '@kapplerken';
  nick ='BlueChain';
  myAddress = msg.sender;
  dateJoined = block.timestamp;
  }


}


</body>

</html>