Function undefined though it works in JSFiddle

Question

I am really just copypasting the exact same "code" of that fiddle: https://jsfiddle.net/7b0ky186/ to my local html-file and have nothing else around it. But while it works nice in JSFiddle I get an error when starting that function within my console saying that Uncaught ReferenceError: CountDownTimer is not defined

What do I do wrong there?

<body>
<a id="startTimer">Start Count Down</a>
<div>Registration schliesst in <span id="displayTimer"></span> minutes!</div>


<script type="text/javascript">
    window.onload = function() {
        var display = document.querySelector('#displayTimer'),
            timer = new CountDownTimer(5),
            timeObj = CountDownTimer.parse(5);

        format(timeObj.minutes, timeObj.seconds);

        timer.onTick(format);

        document.querySelector('#startTimer').addEventListener('click', function() {
            timer.start();
        });

        function format(minutes, seconds) {
            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;
            display.textContent = minutes + ':' + seconds;
        }
    };

</script>

Does this answer your question? [The simplest possible JavaScript countdown timer?](https://stackoverflow.com/questions/20618355/the-simplest-possible-javascript-countdown-timer) — Nik, Feb 20 '21 at 21:37

caramba · Accepted Answer · 2021-02-20T21:42:12.223

On the left side of jsFiddle.org you see "Resources 1". You can click on it which will show all "resources" which are added. You can then copy the links right from there. In this case you need countdowntimer.js

When you have the URL of the missing .js you can add it like so just before your <script> tag

<!-- your HTML goes here -->
<script src="https://cdn.rawgit.com/robbmj/simple-js-countdown-timer/master/countdowntimer.js"></script>
<!-- your <script> and js things go here -->

Function undefined though it works in JSFiddle

1 Answers1