Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/alpinejs" defer></script>
</head>
<body>
  <div
       x-init
       x-init.1="console.log('click 1, a = ' + a)"
       x-init.2="console.log('click 2, b = ' + b)"
       x-effect.1="console.log('a is changed')"
       @click="a = 100"
       x-data.1='{"a":1, "b":3}'
       x-data.2='{"b":2}'
       x-text="'a = ' + a + ' , b = ' + b"
  >
          Hello world
  </div>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers