class Marine {
constructor(_damage, _armor) {
this.damage_g = _damage;
this.armor_g = _armor;
}
get damage() { return this.damage_g; }
set damage(value) { this.damage_g = value; }
get armor() { return this.armor_g; }
set armor(value) { this.armor_g = value; }
}
let marine = new Marine(10, 5);
alert(marine.damage_g)
marine.damage_g = 20;
alert(marine.damage_g)let btns = document.querySelectorAll('.modal-open');
let modal = document.querySelectorAll('.modal');
const body = document.body
function open(el) {
el.classList.add('active');
}
function close(el) {
el.target.closest('.modal').classList.remove('active')
}
btns.forEach(btn => {
btn.addEventListener('click', (e) => {
let data = e.target.dataset.open;
modal.forEach(modals => {
if(modals.dataset.modal == data || modals.dataset.modal == e.target.closest('modal-open').dataset.open) {
open(modals)
}
})
} )
modal.forEach(modals => {
modals.addEventListener('click', e => close(e))
})
}).booking {
position: absolute;
width: 100%;
}document.querySelector('.booking__button').addEventListener('click', () => {
document.querySelector('.booking').style.top = '60px'
window.scrollTo(0, 60)
})document.querySelector('textarea').addEventListener('keyup', () => {
if(this.scrollTop > 0) this.style.height = this.scrollHeight + "px"
});const scroll_red = document.querySelector('#scroll__red')
const arr = [0, 100, 200, 300]
let counter = 1
setInterval(() => {
if (++counter > arr.length - 1) counter = 0
scroll_red.style.top = arr[counter] + 'px'
}, 2000)const http = new XMLHttpRequest()
http.open('GET', 'index.html')
http.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
const doc = new DOMParser().parseFromString(this.responseText, 'text/html')
console.log(doc.querySelectorAll('img').length)
}
}
http.send()