let user = {
name: "David",
age: 25,
}
function objectClone(object) {
let newObject = {};
for (let key in object) {
newObject[key] = object[key];
}
return newObject;
}
let user2 = objectClone(user);
console.log(user2.name); // выводит "David"
The :valid CSS pseudo-class represents any or other element whose contents validate successfully.
tableValues(element);const result = [...document.querySelectorAll('form input, form select')]
.map((el) => el.value);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Горизонтальная прокрутка колесиком мыши</title>
<style>
/* .wrapper::-webkit-scrollbar {
display: none;
} */
.wrapper {
width: 100%;
white-space: nowrap;
overflow-x: auto;
}
.item {
display: inline-block;
width: 200px;
height: 200px;
margin-right: 10px;
background-color: #f0f0f0;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const wrapper = document.querySelector(".wrapper");
wrapper.addEventListener("wheel", (event) => {
if (event.deltaY !== 0) {
wrapper.scrollLeft += event.deltaY;
event.preventDefault();
}
});
});
</script>
</body>
</html>
Если следовать этому термину, то все кнопки это бизнес логика, т.к. человек на них нажимает, а результат это логика приложения, верно?
id | user_idid | game_id | health | ...
1*multiplier. А вообще, похоже, что этот код уже сделан гибким - просто измените значение multiplier. 
