JSがVScodeに反映されない

Question

html、css、java scriptを使ってVScodeでデジタル時計をyoutube(https://www.youtube.com/watch?v=0ubfA4KYf7U&t=971s)
を見ながら作ったのですがうまくgoogle chromeに反映されませんでした。jsとhtmlがうまくリンクされていないのでしょうか??
どうすればうまくいくのでしょうか　わかる方いらっしゃったら教えてください。

function clock() {

const now = new Date();
const hours = now.getHours();
const mins = now.getMinutes();
const seconds = now.getSeconds();

const timeFormat = [
formatTime(hours),
formatTime(mins),
formaTime(seconds)
];

const timeSlot = timeFormat.join('').split('');

const nums = ['1111110','0110000','1101101','1111001'
,'0110011','1011011','0011111','1110010','1111111','1110011'];

const numsArray = timeSlot.map(val => {
return val = nums[val];
});

const segmentNumber = numsArray.join('').split('');

segmentStarter(segmentNumber);
lampAnimation();

}

function segmentStarter(segmentArray) {
const segments = documnet.getelementsByClassName('seg');

for (let i = 0; i < segmentArray.length; i++) {
if(!Number(segmentArray[i])) {
segments.item(i).classList.add('inactive');
segments.item(i).classList.remove('active');
} else {
segments.item(i).classList.add('active');
segments.item(i).classList.remove('inactive');
}
}
};

function lampAnimation() {
const lamp = document.getElementsByClassName('lamp')

for(let i = 0; i<lamp.length; i++) {
lamp.item(1).classList.toggle('active');
lamp.item(1).classList.toggle('inactive');
}
}

function formatTime(time) {
return time < 10 ? 0${time}: time.toString();
};

setInterval(clock,1000);

Comments

[m.ts10806]

タイトルと内容に齟齬があります。
ブラウザでの動作確認を想定しているのでしたらタイトルがおかしいです。
あと、コードはマークダウンのcodeにてご提示ください

[Lhankor_Mhy]

期待した処理結果を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-3

エラーメッセージや実行ログをコピー&ペーストしましょう
https://teratail.com/help/question-tips#questionTips3-4-2

結果（実際に起きたこと）を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-1