Andrew

Сделать/сгенерить айди для скрипта и использовать его для всех элементов в стилях.

Как сделать цвет текста элемента span белым, как только на него попадет div?

С этим ничего не понял.

<div ref="progress" :style="`width: ${counter}%`"
      :class="{first-letter: counter>50}"
      class="tw-absolute tw-bg-info-600"
    ></div>

.first-letter span{
  color: blue;
  font-size: 36px;
}
.first-letter span:first-letter{
  color: red;
}

Но условие контролируйте классом, а в классе можно стилизовать первую букву

надеюсь поможет

<link rel="stylesheet" href="calc.js">
браво.
Переместите подключение скрипта к /body
Вы пытаетесь определить свойство обьекта которого еще нет в DOM

$(function () {
    $("#shipping_method_0_flat_rate25").on("change", function () {
        if ($("#shipping_method_0_flat_rate25").prop("checked")) {
            $("#ship-to-different-address-checkbox").attr("checked", true);
        } else {
            $("#ship-to-different-address-checkbox").removeAttr("checked");
        }
    });
});

checked - Boolean; if present, the checkbox is tog...
То есть даже если у него значение "false" - он будет включен, чтобы отключить нужно его удалить.

Работает

$('.form-control').on('change', function () {
    let date = $(this).val();
    $('#ever').text(date);
    page_description.DPdata.mindate = new Date(date);
});

MDN
Там в синей рамочке

Эта функциональность не реализована в браузерах на данный момент, но она реализована во многих транспайлерах, таких как Traceur Compiler, Babel or Rollup.

И недалеко описано как и где можно использовать модули

document.querySelector('a').addEventListener((event) => {
  event.preventDefault();
  document.querySelector('select').value = "15"; //значение пункта который нужно сделать selected
});

https://jsfiddle.net/kickerock/47jzw9vo/8/

<form>
  <input type="checkbox">

  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>

  <button type="reset">Reset form from inside</button>
</form>
<button id="resetBtn">Reset outside</button>

const form = document.querySelector('form'),
  resetBtn = document.getElementById('resetBtn');
resetBtn.addEventListener("click", () => form.reset())

Перед обрезкой записывать текст в дата-атрибут, вешать hover для показа текста из дата-атр

А поточнее можно, какие ошибки?
Непонятно, что вы этим хотите сделать

for(let i = 0; i < cities.length; i++) {
        if(cities.includes(input)) {
            cityId = input;
            break;
            }  
        }

Вместо него, вот это попробуйте

if(cities.includes(input)) {
            cityId = input;            
            } else {
            return false;
            }