Антон Антон

Объявлять можно, почитайте про области видимости. В данном случае варианта два:

let value = undefined;
if (true) {
  value = 'val';
}

console.log(value)

if (true) {
  var value = 'val';
}

console.log(value)

Ну для тестов есть https://jsperf.com/

Можно, конечно, экранировать с помощью обратного слеша, но лучше перейти на однофайловые компоненты, или на x-templates, если со сборкой возиться не хочется

https://quasar.dev

let filteredList = watchList.filter(item => item.imdbRating > 8)
   .map(item => {return {title: item.Title, rating: item.imdbRating}});

или я что-то не понял

А вообще это не челлендж, а основы. Рекомендую почитать обновленный learn.javascript.ru

У меня работает такой код (плавный только там, где есть поддержка scroll behavior, да и фиг с ним) https://gist.github.com/FragsterAt/b72632976cac00f...
Ну и в CSS также scroll-behavior: smooth;
прописан для html, body и т.д.

<script defer src="script.js">