Calculator Tools Calculator Tools
Create

Jogo de Palavras Cruzadas

Oct 30, 2023

About this app

Um jogo de palavras cruzadas para relaxar com temas diversos.

Jogo de Palavras Cruzadas Jogo de Palavras Cruzadas para Relaxar! 😊 Escolha um tema e comece a jogar!

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Jogo de Palavras Cruzadas</title>
<meta name="description" content="Um jogo de palavras cruzadas para relaxar com temas diversos.">
<meta name="keywords" content="jogo, palavras cruzadas, relaxar">

<style>
/* App CSS Goes Here */
body {
font-family: 'Comic Neue', cursive;
background-color: #7FDBFF;
color: #001f3f;
}
#main-container {
max-width: 800px;
margin: auto;
text-align: center;
padding: 50px;
}
.crossword {
display: inline-block;
border-collapse: collapse;
margin: 50px auto;
}
.crossword td {
border: 1px solid #001f3f;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 40px;
box-sizing: border-box;
font-size: 20px;
background-color: #01FF70;
}
.crossword .empty {
background-color: #001f3f;
}
</style>

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.

// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
var words = ['word1', 'word2', 'word3']; // Add your words here
var crossword = document.createElement('table');
crossword.className = 'crossword';
for(var i=0; i<10; i++) {
var tr = document.createElement('tr');
for(var j=0; j<10; j++) {
var td = document.createElement('td');
td.className = 'empty';
tr.appendChild(td);
}
crossword.appendChild(tr);
}
document.getElementById('main-container').appendChild(crossword);
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<h1>Jogo de Palavras Cruzadas para Relaxar! 😊</h1>
<p>Escolha um tema e comece a jogar!</p>
</div>
</body>
</html>