[html]
<style>
.divination-wrapper {
display: flex;
flex-direction: column;
width: 80%;
gap: 2em;
font-size: 14px;
}
.fortunes {
width: 20em;
height: 5em;
font-size: 1.2em;
}
</style>
<body>
<body>
<div class="divination-wrapper">
<form id="fortuneForm">
<button id="fortuneButton" class="fortunes">Узнать ответ</button>
<textarea id="question" class="question"></textarea>
</form>
</div>
<script>
console.log('Welcome');
const cards = [
'
',
'
',
'
'
];
const fortuneForm = document.querySelector('#fortuneForm');
const fortuneButton = document.querySelector('#fortuneButton');
const questionTextarea = document.querySelector('#question');
const copyButton = document.querySelector('#copyButton');
fortuneForm.addEventListener('submit', (e) => {
e.preventDefault();
const text = questionTextarea.value || '';
const random = Math.floor(Math.random() * cards.length);
console.log(random);
const answer = '' + text + '' + cards[random];
questionTextarea.value = answer;
});
copyButton.addEventListener('click', () => {
questionTextarea.select();
document.execCommand('copy');
alert('Текст скопирован в буфер обмена!');
});
</script>
</body>
</script>
[/html]
вниз