<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Озвучка выделенного текста</title>
</head>
<body>
<p>Все мы, все мы в этом мире тленны, <br>
Тихо льется с кленов листьев медь... <br>
Будь же ты вовек благословенно, <br>
Что пришло процвесть и умереть.</p>
<button onclick="speak(window.getSelection())">Озвучить</button>
<script>
function speak(text) {
const message = new SpeechSynthesisUtterance();
message.lang = "ru-RU";
message.text = text;
window.speechSynthesis.speak(message)
}
</script>
</body>
</html>const players = {
player1: {
attack: 5,
defense: 3,
speed: 5,
control: 5,
strike: 5,
stateOnSat: false
},
player2: {
attack: 3,
defense: 5,
speed: 4,
control: 4,
strike: 5,
stateOnSat: false
}
}
const btnPlus = document.querySelectorAll('.btn-plus')
btnPlus[0].onclick = () => {
players.player1.stateOnSat = true
alert(players.player1.stateOnSat) // true
}
// Или
btnPlus[1].addEventListener('click', () => {
players.player2.stateOnSat = true
})<button class="fas fa-plus-square btn btn-plus" onclick="players.player2.stateOnSat = true">Plus</button>const block = document.querySelector('.block')
let interval
let count = 0
block.addEventListener('mousedown', event => {
console.log('зажали')
interval = setInterval(() => {
count++
console.log(count)
}, 50)
})
block.addEventListener('mouseup', event => {
console.log('отпустили')
clearInterval(interval)
})let ul = document.querySelector('.list');
// Определяю по какой ссылке был клик:
ul.addEventListener('click', data => {
ScrollTo(data.target) // Дочерний элемент на который вы нажали в блоке
})
// Вот эта функция, переносящаяся на нужный блок
function ScrollTo(element){
window.scroll({
left: 0,
top: element.offsetTop,
behavior: 'smooth'
})
}<div id="myDiv" style="position: relative; "> <!-- Нужно чтоб этот див принял высоту img'a -->
<img id="myImg" src="https://via.placeholder.com/150" style="position:absolute">
</div>
<script>
var height = document.getElementById('myImg').clientHeight;
document.getElementById('myDiv').style.height = height;
</script>