javascriptでdropboxの実装

前提・実現したいこと

javascriptでdropboxの実装
ボタン自体は表示されるが押しても反応はなし
URL先がおかしいことはわかるが4行目のリンクをどう直せばいいのかがわからない
どうかよろしくお願いします。

発生している問題・エラーメッセージ

F12を押すと
Failed to load resource: the server responded with a status of 404 (Not Found)
のエラーが表示される
Appkeyは変更しています

該当のソースコード

javascript

<!doctype html> <html> <head> <script src="https://www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js"></script> <link rel="stylesheet" href="style.css"> </head> <body> <center> <button id="writeButton">Click to create <code>hello.txt</code> in Dropbox.</button> </center>

<script>
    // ※デベロッパーサイトで入手したAPP KEY
    var client = new Dropbox.Client({ key: 'YOUR_APP_KEY' });

    // AOuth認証を実行
    client.authenticate({ interactive: false }, function (error) {
        if (error) {
            alert('Error: ' + error);
        } else {
            console.log("authorized successfully");
        }
    });

    // Dropboxにファイル書き込み
    function doWriteFile() {

        client.writeFile('hello.txt', 'Hello, World!', function (error) {
            if (error) {
                alert('Error: ' + error);
            } else {
                alert('File written successfully!');
            }
        });

    }

    // ボタンが押された時の処理
    document.getElementById('writeButton').onclick = function () {
        client.authenticate(function (error, client) {
            if (error) {
                alert('Error: ' + error);
            } else {
                doWriteFile();
            }
        });
    }
</script>