codigo ensinar a programar js htm basico
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ensinando a Programar com JavaScript</title>
</head>
<h3 style="color:purple;">Codigo ensino java script html MCEGONHA</h3>
<body>
<h1>Ensinando a Programar com JavaScript</h1>
<div id="tutorial">
<h2>Exemplo 1: Exibir uma Mensagem</h2>
<p>Para exibir uma mensagem no console, use o comando <code>console.log("Sua mensagem aqui");</code>.</p>
<button onclick="runExample1()">Executar Exemplo 1</button>
<div id="output1"></div>
<hr>
<h2>Exemplo 2: Criar uma Função</h2>
<p>Para criar uma função, use a sintaxe <code>function nomeDaFuncao() { /* código aqui */ }</code>.</p>
<button onclick="runExample2()">Executar Exemplo 2</button>
<div id="output2"></div>
</div>
<script src="script.js"></script>
<script>
function runExample1() {
const output = document.getElementById('output1');
output.textContent = '';
console.log("Esta é a sua mensagem de exemplo.");
output.textContent = "Verifique o console do navegador para ver a mensagem.";
}
function runExample2() {
const output = document.getElementById('output2');
output.textContent = '';
function minhaFuncao() {
return "Esta é uma função de exemplo.";
}
const resultado = minhaFuncao();
output.textContent = resultado;
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebSocket Túnel</title>
</head>
<body>
<h1>WebSocket Túnel</h1>
<div id="messages"></div>
<input type="text" id="messageInput">
<button onclick="sendMessage()">Enviar Mensagem</button>
<script src="script.js"></script>
<script>
const socket = new WebSocket('wss:https://bing.com'); // Substitua com o endereço do seu servidor WebSocket
socket.addEventListener('open', (event) => {
console.log('Conexão estabelecida.');
});
socket.addEventListener('message', (event) => {
const messagesDiv = document.getElementById('messages');
messagesDiv.innerHTML += `<p>${event.data}</p>`;
});
function sendMessage() {
const messageInput = document.getElementById('messageInput');
const message = messageInput.value;
if (message.trim() !== '') {
socket.send(message);
messageInput.value = '';
}
}
</script>
</body>
</html>