javascriptでdropboxにデータを保存したい

色々サイトを見たのですが、dropboxにテキストファイルの保存が出来ません。
何が原因なのか全く分かりません。
どうすればよいかお教え頂けないでしょうか。
よろしくお願い致します。

【参考サイト】
http://takahi5.hatenablog.com/entry/2014/03/22/070936
https://qiita.com/ArcCosine@github/items/1a95b200927b5c9bf5f5

【補足】
・「YOUR_APP_KEY」は変更したのですが、動きませんでした。(dropboxのMyAppは作成済みです。)
・ボタンを押すと「Error400」と表示されてしまいます。

HTML
1<!doctype html>
2<html>
3<head>
4    <script src="https://www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js"></script>
5    <link rel="stylesheet" href="style.css">
6</head>
7<body>
8    <center>
9        <button id="writeButton">Click to create <code>hello.txt</code> in Dropbox.</button>
10    </center>
11
12    <script>
13        // ※デベロッパーサイトで入手したAPP KEY
14        var client = new Dropbox.Client({ key: 'YOUR_APP_KEY' });//ここのキーは変更しています。
15
16        // AOuth認証を実行
17        client.authenticate({ interactive: false }, function (error) {
18            if (error) {
19                alert('Error: ' + error);
20            } else {
21                console.log("authorized successfully");
22            }
23        });
24
25        // Dropboxにファイル書き込み
26        function doWriteFile() {
27    
28            client.writeFile('hello.txt', 'Hello, World!', function (error) {
29                if (error) {
30                    alert('Error: ' + error);
31                } else {
32                    alert('File written successfully!');
33                }
34            });
35
36        }
37
38        // ボタンが押された時の処理
39        document.getElementById('writeButton').onclick = function () {
40            client.authenticate(function (error, client) {
41                if (error) {
42                    alert('Error: ' + error);
43                } else {
44                    doWriteFile();
45                }
46            });
47        }
48    </script>
49</body>
50</html>