xxvxx

https://threejs.org/docs/index.html?q=MeshSurfaceS...

если найду еще что-то полезное по этой теме то дополню
https://tympanus.net/codrops/2021/08/31/surface-sa...

ответ

devServer: {
  devMiddleware: {
    writeToDisk: true,
  },
},

body {
/* width: 100vw; */
/* height: 100vh; */
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
}
первое мне не нравится когда к body
применяются глобальные стили такие как
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
в дальнейшем это приведет к серьезным проблемам короче нельзя так

<nav> ------ удали вот этот тег 17 строка он у тебя не закрыт
        <div class="head">
            <div class="container_1">

https://qna.habr.com/q/418465

if (event.target.tagName == 'LI') {
      let number = 1; // тут ты объявляешь число
      number++; //тут ты объявленное число увеличиваешь на 1 а 1+1=2
      event.target.innerHTML += number;  // и поэтому увеличиваешь значение на 2
   }
  if (event.target.tagName == 'LI') {
      let number = Number(event.target.innerHTML); // тут мы получаем и преобразовываем значение в число
      number++; //тут ты объявленное число увеличиваешь на 1 
      event.target.innerHTML = number; // и присваиваем значение
   }

Да можно, вот пример

<style>
    .btn{
        padding: 10px;
        background-color: #000;
        color: #fff;
    }
</style>
<table>
    <tr>
        <td>названия тарифа</td>
        <td>цена</td>
        <td><a class="btn" href="/">кнопка</a></td>
    </tr>
</table>

или так

<button onclick="window.location.href = 'https://w3docs.com';">Click Here</button>