Scribd
Upload
3 views2 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views2 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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