Melhor codigo print JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa JavaScript</title>
</head>
<body>
<pre id="output"></pre>
<script>
// Função print para exibir informações
function print(data) {
document.getElementById("output").innerHTML += data + "<br>";
}
// Exibe mensagens iniciais
const nomes = 'eu sou capaz';
const contas = 23 * 23;
print(`${nomes} mais ${contas}`);
function criarSimbolos() {
return '♗♤♧♡℅';
}
print(criarSimbolos());
const html = '<img src="https://media.tenor.com/QR3tcKvr634AAAAC/glitter-butterfly.gif"><br>Eu sou capaz';
const img = 'video o vencedor leva tudo abba <br><iframe width="718" height="404" src="https://www.youtube.com/embed/E8bCwmZp5W8" title="Abba "The Winner Takes It All " (1980) HQ Audio" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>';
print(`${html} seja feliz por favor ${img}`);
print('\/\/.codigos/nucleares-russia');
print();
print(23+23-23);
</script>
</body>
</html>
MELHOR CODIGO PARA PROGRAMA PRINT JS:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa JavaScript</title>
</head>
<body>
<pre id="output"></pre>
<p id="demo"></p>
<script>
// Função print para exibir informações
function print(data) {
if (typeof data === 'object') {
document.getElementById("output").innerHTML += JSON.stringify(data, null, 2) + "<br>";
} else {
document.getElementById("output").innerHTML += data + "<br>";
}
}
// Exibe mensagens iniciais
print("Olá, mundo!");
print(23 * 23);
print("Eu sou a Maria<br><img src='https://media.tenor.com/fuNOSh0i6NgAAAAC/good-morning.gif'>");
// Função para obter informações do usuário
function getUserInput() {
let age = prompt("Quantos anos você tem?");
let name = prompt("Qual é o seu nome?");
print(`Você tem ${age} anos de idade.`);
print(`Seu nome é ${name}.`);
}
// Exibe as informações do usuário
getUserInput();
</script>
</body>
</html>
Codigo print Js.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa JavaScript</title>
</head>
<body>
<pre id="output"></pre>
<script>
// Coloque o código JavaScript aqui
function print(data) {
if (typeof data === 'object') {
document.getElementById("output").innerHTML += JSON.stringify(data, null, 2) + "<br>";
} else {
document.getElementById("output").innerHTML += data + "<br>";
}
}
print("Olá, mundo!");
print(23 * 23);
print("Eu sou a Maria<br><img src='https://media.tenor.com/fuNOSh0i6NgAAAAC/good-morning.gif'>");
// Exemplo de uso com objetos, arrays e maps
const obj = { name: 'Alice', age: 30 };
const arr = [1, 2, 3, 4, 5];
const map = new Map([[1, 'one'], [2, 'two'], [3, 'three']]);
print(obj);
print(arr);
print(map);
</script>
</body>
</html>
-----------------------------------
<pre>
jogo da velha print js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jogo da Velha</title>
<style>
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
th, td {
width: 50px;
height: 50px;
text-align: center;
}
</style>
</head>
<h1>jogo da velha</h1>
<body>
<table id="board">
<tr>
<td onclick="play(0, 0)"></td>
<td onclick="play(0, 1)"></td>
<td onclick="play(0, 2)"></td>
</tr>
<tr>
<td onclick="play(1, 0)"></td>
<td onclick="play(1, 1)"></td>
<td onclick="play(1, 2)"></td>
</tr>
<tr>
<td onclick="play(2, 0)"></td>
<td onclick="play(2, 1)"></td>
<td onclick="play(2, 2)"></td>
</tr>
</table>
<pre id="output"></pre>
<script>
// Função print para exibir o tabuleiro
function print(data) {
if (typeof data === 'object') {
document.getElementById("output").innerHTML += JSON.stringify(data, null, 2) + "<br>";
} else {
document.getElementById("output").innerHTML += data + "<br>";
}
}
// Função para inicializar o tabuleiro
function initializeBoard() {
return [
[' ', ' ', ' '],
[' ', ' ', ' '],
[' ', ' ', ' ']
];
}
// Função para exibir o tabuleiro
function displayBoard(board) {
let table = document.getElementById('board');
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
table.rows[i].cells[j].textContent = board[i][j];
}
}
}
// Função para verificar o vencedor
function checkWinner(board, player) {
// Verifica linhas, colunas e diagonais
for (let i = 0; i < 3; i++) {
if (board[i][0] === player && board[i][1] === player && board[i][2] === player) {
return true;
}
if (board[0][i] === player && board[1][i] === player && board[2][i] === player) {
return true;
}
}
if ((board[0][0] === player && board[1][1] === player && board[2][2] === player) ||
(board[0][2] === player && board[1][1] === player && board[2][0] === player)) {
return true;
}
return false;
}
// Inicializa o tabuleiro
let board = initializeBoard();
let currentPlayer = 'X';
let gameOver = false;
// Função para jogar
function play(row, col) {
if (!gameOver && board[row][col] === ' ') {
board[row][col] = currentPlayer;
displayBoard(board);
if (checkWinner(board, currentPlayer)) {
print(`Jogador ${currentPlayer} venceu!`);
gameOver = true;
} else {
currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
}
}
}
// Exibe o tabuleiro inicial
displayBoard(board);
</script>
</body>
</html>
</pre>
JOGO educa criança print
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jogo Educativo para Crianças</title>
</head>
<body>
<pre id="output"></pre>
<div id="game"></div>
<div id="images">
<img src="https://media.tenor.com/Gdn4ti2PGTkAAAAC/tu-meri-batak-m-tera-billa.gif" alt="Animal" style="display: none; width: 200px;">
<img src="https://media.tenor.com/G2ZRWoTtjlQAAAAC/anjos-angels.gif" alt="Anjo" style="display: none; width: 200px;">
<img src="https://media.tenor.com/sozm0A4VkFYAAAAC/stars.gif" alt="Estrela" style="display: none; width: 200px;">
</div>
<div id="video" style="display: none;">
<iframe width="718" height="404" src="https://www.youtube.com/embed/0MjSEOCE45M?autoplay=1" title="O Telefone Chora - Fernanda Maria e Júlio José" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<script>
// Função print para exibir informações
function print(data) {
if (typeof data === 'object') {
document.getElementById("output").innerHTML += JSON.stringify(data, null, 2) + "<br>";
} else {
document.getElementById("output").innerHTML += data + "<br>";
}
}
// Lista de palavras para associar
const words = {
'animal': 'Cachorro',
'angel': 'Anjo',
'star': 'Estrela'
};
// Função para iniciar o jogo
function startGame() {
let gameElement = document.getElementById('game');
gameElement.innerHTML = '';
for (let key in words) {
let button = document.createElement('button');
button.textContent = words[key];
button.addEventListener('click', function() {
print(`Você escolheu: ${words[key]}`);
document.getElementById('images').querySelector(`img[alt="${words[key]}"]`).style.display = 'block';
});
gameElement.appendChild(button);
}
// Adiciona o vídeo de música para crianças
document.getElementById('video').style.display = 'block';
}
// Exibe o tabuleiro inicial
print("Bem-vindo ao Jogo Educativo para Crianças!");
startGame();
</script>
</body>
</html>