Алексей Ярков

А теперь ещё раз внимательно читать доку: https://github.com/Orlandster/vue-typed-js#default...

Вы хотя бы пытались самостоятельно погуглить? Ну дело же 3-х секунд.

function onSubmit( form ){
  var data = JSON.stringify( $(form).serializeArray() ); //  <-----------

  console.log( data );
  return false; //don't submit
}

<form onsubmit='return onSubmit(this)'>
  <input name='user' placeholder='user'><br>
  <input name='password' type='password' placeholder='password'><br>
  <button type='submit'>Try</button>
</form>

Простой попап открывается при изменении урла

https://jsfiddle.net/yarkov_aleksei/a4x6p1s3/

<div class="container">
  <textarea name="" id="" cols="30" rows="10"></textarea>
  <div class="counter">
    <span class="current">0</span>&nbsp;/
    <span class="total">360</span>
  </div>
</div>

.container {
  position: relative;
  width: max-content;
}

.counter {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

const textarea = document.querySelector('textarea');
const counter = document.querySelector('.current');
const maxlength = 360;

textarea.addEventListener('input', onInput)

function onInput(event) {
	event.target.value = event.target.value.substr(0, maxlength); // обрезаем текст до 360 символов
	const length = event.target.value.length;
	counter.textContent = length;
}

const cord = [{x: 0, y: 0, type: 5, active: true}]
console.log(cord) // x = 0
const newCoord = cord.map(elem => ({
	...elem,
	x: 5
}))
console.log(cord) // x = 0
console.log(newCoord) // x = 5

У формы есть метод reset емнип

Там стоит return, который, по-идее, должен завершить выполнение функции

С фига ли это?

Примечание: Не существует способа остановить или прервать цикл forEach() кроме как выбрасыванием исключения. Если вам необходимо такое поведение, метод forEach() неправильный выбор.

https://jsfiddle.net/yarkov_aleksei/37w6bpr4/

<ul>
  <li id="1"></li>
  <li id="2"></li>
  <li id="3"></li>
  <li id="4"></li>
  <li id="5"></li>
  <li id="6"></li>
  <li id="7"></li>
  <li id="8"></li>
  <li id="9"></li>
  <li id="10"></li>
  <li id="11"></li>
  <li id="12"></li>
</ul>

const elements = [...document.querySelectorAll('li')];
console.log(elements.filter(li => +li.getAttribute('id') >= 10));

В чем проблема?

При i + 1 значение i не меняется и цикл зацикливается навечно )

А что не так?
0 выводится вызовом console.log(sum); перед arr.forEach(func).
Остальное выводится во время исполнения функции func.
Что не устраивает?

const totalMonths = 28;
const years = Math.floor(totalMonths / 12);
const months = totalMonths % 12;

console.log(`Уйдёт времени: ${years} лет ${months} месяцев`) // Уйдёт времени: 2 лет 4 месяцев

const someObj = {
  title: 1,
  children: {
    title: 2,
    children: {
    	title: 3,
    }
  }
}

function getNestedObject(obj) {
	if (obj.children) {
  	return getNestedObject(obj.children)
  }
  
  return obj.title
}

console.log(getNestedObject(someObj)) // 3