Scribd
Upload
3 views

HTML

This HTML document creates a simple web page titled 'fototeta?' with a black background and centered text. It features two buttons, 'Sim' and 'Não', with the 'Não' button moving to a random position on the screen when clicked. The page is styled using CSS for layout and appearance.

Uploaded by

mariadorosariotorresdesouza
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

HTML

This HTML document creates a simple web page titled 'fototeta?' with a black background and centered text. It features two buttons, 'Sim' and 'Não', with the 'Não' button moving to a random position on the screen when clicked. The page is styled using CSS for layout and appearance.

Uploaded by

mariadorosariotorresdesouza
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>fototeta?</title>
<style>
body {
background-color: black;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
font-family: Arial, sans-serif;
}

h2 {
color: white;
font-size: 24px;
text-align: center;
}

#buttonContainer {
display: flex;
gap: 10px;
margin-top: 20px;
}

.button {
background-color: white;
color: blue;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

#naoButton {
position: relative;
}
</style>
</head>
<body>
<h2>fototeta?</h2>
<div id="buttonContainer">
<button class="button" id="simButton">Sim</button>
<button class="button" id="naoButton">Não</button>
</div>
<scri*useenter", () => {
const maxX = window.innerWidth - naoButton.clientWidth;
const maxY = window.innerHeight - naoButton.clientHeight;
const randomX = Math.floor(Math.random() * maxX);
const randomY = Math.floor(Math.random() * maxY);

naoButton.style.position = "absolute";
naoButton.style.left = randomX + "px";
naoButton.style.top = randomY + "px";
});
</script>
</body>
</html>

You might also like