Antonio09

const elems = document.querySelectorAll('p');
elems.length // 2

p.innerHTML='!'+p.innerHTML;

Ещё одна реализация, имеющая право на жизнь. Разумеется есть свои преимущества/недостатки
https://jsfiddle.net/yz8Lc0g1/

var elems = document.querySelectorAll('button');
elems.forEach(el=>el.addEventListener('click', function() {
  alert(this.innerHTML);
}));

Код заменить на

const elems = document.querySelectorAll('button');
elems.forEach(el => el.addEventListener('click', function() {
  alert(this.textContent);
}));

• querySelectorAll возвращает массив а не элемент.
  
• innerHTML заменить на textContent - на случай если внутри кнопки будет верстка
  
• var не использовать. Слишком много подводных камне с ним для новичка. Проще будет с let/const. Список кнопок не переопределяется, поэтому используем const
  

sum ++;
Ну или если нужно именно по значению прибавлять то
sum += salary;
а не salaries, это объект который вы передаете

const salaries = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.values(salaries).reduce((accumulator, value) => accumulator + value))

да, потому что надо циклом
(что если num = 234798759827349721394797521973 ?)

s = String(123456)
sum = 0
for(n in s) { 
  sum = sum + +n   // +n = Number(n)
}
// sum = 15

Лаконично-читабельный вариант

let num = 123456;

let sum = String(num)
	.split('')
  .reduce((acc, cur) => acc + Number(cur), 0)
  
alert(sum);

Если числа очень длинные и нужен максимальный перформанс (очень редкий кейс)

let num = 123456;
let sum = 0;

let str = String(num);
for (let i = 0; i < str.length; i++) {
	sum += Number(str[i]);
}
  
alert(sum);

.block{
  margin-top: 155px;
  
}
h1{
   font-size: 32px;
  line-height: 1;
  position: relative;
  display: inline-block;
}
h1::before{
  font-family: Roboto;
  display: inline-block;
  font-weight: 900;
  position: relative;
  content: '?';
  color: yellow;
  font-size: 300px;
  line-height: 1;
  left: 50%;
  top: 0;
  transform: translateY(-50%);
  z-index: -1;
}

Был похожий вопрос.

https://codepen.io/codyhouse/pen/FdkEf
https://codepen.io/itbruno/pen/KwarLp

span {
  width: 100px; /* Или другую ширину */
}

Если речь идет только о верстке, то так.
Если необходимо автоматически генерировать такую таблицу, можно свой велосипед написать.

вам не нужен jQuery

// jQuery
$el.slideUp();
$el.slideDown();

// Нативно
const originHeight = '100px';
el.style.transition = 'height 3s';
// slideUp
el.style.height = '0px';
// slideDown
el.style.height = originHeight;

<input type="time"/>

Можно блоку с прозрачностью(.data__item ) задать position: absolute;, выровнять посередине и задать высоту height: calc(100% + 100px); , где +100px - выступы сверху и снизу
родителю position: relative;
пример

В вашем случае можно обойтись `border-right-color` и `border-bottom-color`.

https://jsfiddle.net/4bsv03t8/

https://developer.mozilla.org/ru/docs/Learn/HTML/M...