programar em brython

<!DOCTYPE html>

<head>

<title>Função Mista: Sprint</title>

<style>

/* Estilo para a barra de navegação */

.navbar {

background-color: #333;

overflow: hidden;

}

.navbar ul {

list-style-type: none;

margin: 0;

padding: 0;

}

.navbar li {

float: left;

}

.navbar a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

.navbar a:hover {

background-color: #ddd;

color: black;

}

</style>

</head>

<ul>

<li><a href="#sobre">Sobre</a></li>

<li><a href="#servicos">Serviços</a></li>

<li><a href="#contato">Contato</a></li>

</ul>

</div>

<h1>Desafio Sprint</h1>

from browser import document

def sprint():

# Cálculo

resultado_calculo = 23 * 23

# HTML para inserir imagem, vídeo e link

html_content = f"""

<h2>Sprint executada com sucesso!</h2>

<p>Resultado da conta 23 * 23: {resultado_calculo}</p>

<h3>Vídeo Exemplo:</h3>

<h3>Link Exemplo:</h3>

<a href="https://psicografia23.blogspot.com/" target="_blank">Visite o Example.com</a>

"""

document["resultado"].html = html_content # Insere o HTML no elemento resultado

def mostrar_mensagem():

# Mensagem a ser exibida

mensagem = "Seja feliz, por favor!"

document["mensagem"].html = f"<br><h2>{mensagem}</h2>" # Adiciona uma quebra de linha antes da mensagem

# Chama as funções

sprint()

mostrar_mensagem()

</script>

from browser import document

# Adiciona conteúdo ao elemento resultado com quebras de linha

document["resultado"].html += "<br>Hello !" # Adiciona uma quebra de linha antes do texto

document["resultado"].html += "<br>" + str(123 - 23) # Adiciona uma quebra de linha antes do resultado da conta

</script>

from browser import document

document <= 23*1+1964</script>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Programa JavaScript</title>

<style>

/* Estilos para a barra de tarefas */

.barra-tarefas {

background-color: #333;

color: white;

padding: 10px;

text-align: center;

}

.barra-tarefas a {

color: white;

margin: 0 15px;

text-decoration: none;

}

</style>

</head>

<body>

<a href="#home">Início</a>

<a href="#sobre">Sobre</a>

<a href="#contato">Contato</a>

</div>

// Criar uma div

const div = document.createElement('div');

div.style.textAlign = 'center';

document.body.appendChild(div);

// Criar um h1

const h1 = document.createElement('h1');

h1.textContent = 'Bem-vindo ao meu programa!';

div.appendChild(h1);

// Criar uma imagem

const img = document.createElement('img');

img.src = 'https://img.freepik.com/fotos-premium/retrato-de-uma-menina-de-7-anos_116407-699.jpg'; // URL da imagem

img.alt = 'Imagem de exemplo';

div.appendChild(img);

// Criar um parágrafo para a frase "Seja feliz"

const fraseFeliz = document.createElement('p');

fraseFeliz.textContent = 'Seja feliz';

fraseFeliz.style.color = 'blue'; // Definindo a cor azul

div.appendChild(fraseFeliz);

// Criar elementos para exibir os resultados

const resultadoSoma = document.createElement('p');

const resultadoDerivada = document.createElement('p');

div.appendChild(resultadoSoma);

div.appendChild(resultadoDerivada);

// Função para calcular a soma

function calcularSoma() {

resultadoSoma.textContent = 'Resultado da soma (2 + 2): ' + (2 + 2);

}

// Função para calcular a derivada

function derivados() {

const f = (x) => x * x; // Função f(x) = x^2

const df = (x) => 2 * x; // Derivada f'(x) = 2x

const x = 3; // Valor em que queremos calcular a derivada

resultadoDerivada.textContent = 'A derivada de f(x) = x² em x = ' + x + ' é: ' + df(x);

}

// Chamar as funções ao carregar a página

window.onload = function() {

calcularSoma();

derivados();

};

</script>

</body>

</html>