ショートカットというアプリを使って、webサイトでカラーピッカーを使用したいのですが...

全然スクリプトとかが分からずショートカットというアプリにコードをペーストしたのですが使えないとのことです。
ショートカットというアプリでJavaScriptというのを使いたく色々試したりしたのですがsyntax errorやunexpected？が表示されてしまい、出来なくて困っています。
誰かプログラミングに詳しい人に聞けばなんとかできるかな…と思い質問しました。

<head>
  ...
  <link rel="stylesheet" href="pickr.min.css">
</head>
<body>
  ...
  コンテンツ
  ...
  <script src="pickr.min.js"></script>
</body>
Step 2: HTML
カラーピッカーを配置する要素を用意します。
HTML

<div class="color-picker"></div>
Step 3: JavaScript
カラーピッカーを配置する要素を指定し、スクリプトを実行します。
JavaScript

const pickr = Pickr.create({
    el: '.color-picker'
});
オプションでは、初期表示、ボタンの有無などを設定できます。
オプション


const pickr = new Pickr({
 
    // Selector or element which will be replaced with the actual color-picker.
    // Can be a HTMLElement.
    el: '.color-picker',
    
    // Default color
    default: 'fff',
 
    // Option to keep the color picker always visible. You can still hide / show it via 
    // 'pickr.hide()' and 'pickr.show()'. The save button keeps his functionality, so if 
    // you click it, it will fire the onSave event.
    showAlways: false,
    
    // If the color picker should have the body element as it's parent.
    appendToBody: false,
 
    // Close pickr with this specific key.
    // Default is 'Escape'. Can be the event key or code.
    closeWithKey: 'Escape',
 
    // Defines the position of the color-picker. Available options are
    // top, left and middle relativ to the picker button.
    // If clipping occurs, the color picker will automatically choose his position.
    position: 'middle',
 
    // Show or hide specific components.
    // By default only the palette (and the save button) is visible.
    components: {
 
        preview: true, // Left side color comparison
        opacity: true, // Opacity slider
        hue: true,     // Hue slider
 
        // Bottom output bar, theoretically you could use 'true' as propery.
        // But this would also hide the save-button.
        output: {
            hex: true,  // hex option  (hexadecimal representation of the rgba value)
            rgba: true, // rgba option (red green blue and alpha)
            hsla: true, // hsla option (hue saturation lightness and alpha)
            hsva: true, // hsva option (hue saturation value and alpha)
            cmyk: true, // cmyk option (cyan mangenta yellow key )
            
            input: true, // input / output element
            clear: true  // Button which provides the ability to select no color
        },
    },
 
    // Button strings, brings the possibility to use a language other than English.
    strings: {
       save: 'Save',  // Default for save button
       clear: 'Clear' // Default for clear button
    },
 
    // User has changed the color
    onChange(hsva, instance) {
        hsva;     // HSVa color object, if cleared null
        instance; // Current Pickr instance
    },
 
    // User has clicked the save button
    onSave(hsva, instance) {
        // same as onChange
    }
});
コード