Javascript mcegonha!
mcegonha javascript.
---------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
h1{
color:#B22222;
background-color:#FA8072;
font-size:20px;
}
h2{
color:#4B0082;
background-color:#DDA0DD;
font-size:15px;
}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa em JavaScript</title>
</head>
<body>
<h1>Programando com a função mcegonha.</h1>
<div id="conteudo"></div>
<script>
function mcegonha() {
// Aqui você pode adicionar o código da sua função
// Por exemplo, fazer cálculos
let resultado = 2 + 2;
// Criar textos
let texto = "Olá, mundo!";
// Adicionar imagens
let imagem = "<img src='https://media.tenor.com/NT-okzmzf2YAAAAC/angel-love-you.gif'><br><h2>sentimento. A luz o momento!</h2>";
// Inserir vídeos
let video = "<iframe width='100%' height='315' src='https://www.youtube.com/embed/UgTeVBZmUlU' title='julia graciela por amar demais' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' referrerpolicy='strict-origin-when-cross-origin' allowfullscreen></iframe>";
// Substituir o conteúdo de um elemento HTML com o conteúdo gerado acima
document.getElementById("conteudo").innerHTML = "Resultado do cálculo: " + resultado + "<br><br>" + texto + "<br><br>" + imagem + "<br><br>" + video;
}
mcegonha(); // Chame a função para executá-la ao carregar a página
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1{
color:#D2691E;
}
h2{
color:#DC143C;
background-color:#FFB6C1;
}
pre{
color:#0000CD;
background-color:black;
font-size:16px;
}
</style>
</head>
<body>
<h1>Como usar return javascript. Imaginação! REALIDADE.</h1>
<p id="demo"></p>
<p id="demo1"></p>
<script>
function criarVariados(){
return ['Você é linda.', 'Quantos anos você tem?', 23*2, 'Você tem 46 anos'
];
}
var valores = criarVariados();
document.getElementById('demo').innerHTML = valores.join('<br>');
function personagem(){
return'<h2>Criar personagem</h2><pre>Eu sou a Maria do javascript.<br><br>Vou criar um verso para VC.<br>Que seja em chegar,<br>amor em verdade de amar. Em condição,<br>ser espírito.<br>Amando com o coração.<br>Amor a verdadeira condição.<br><img src="https://media.tenor.com/Vfo1z-gQIi4AAAAC/stigma-pack.gif"width="100%"><br>Jesus o santo salvador!</pre>';
}
document.getElementById('demo1').innerHTML = personagem();
</script>
</body>
</html>
----------------------------------------------------
Carregar site com função
Request fetch function automatic.
-----------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<iframe id="demo" src="https://livrosaartedoespirito.blogspot.com/" width="100%" height="300"></iframe>
<input type="button" onclick="changeSrc()" value="Clique em mim"/>
<script>
function changeSrc() {
fetch('https://www.bing.com/?toWww=1&redig=C05976A974CE48EBB786D69DBFD9DAB7')
.then(response => {
if (response.ok) {
document.getElementById('demo').src = "https://www.bing.com/?toWww=1&redig=C05976A974CE48EBB786D69DBFD9DAB7";
} else {
console.error('Erro ao carregar o site.');
}
})
.catch(error => {
console.error('Erro ao carregar o site:', error);
});
}
// Adicionando setInterval para mudar o src automaticamente a cada 10 segundos
setInterval(changeSrc, 10000); // 10000 milissegundos = 10 segundos
</script>
</body>
</html>
-----------------------------------------------------
printer.print
<h2> Biblioteca printer</h2>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="output"></div>
<script>
function print(message){
document.getElementById('output').innerHTML += message + '<br>';
}
print('A maria é de albufeira.');
print('A maria é linda.');
print('<h1>Eu sou a maria</h1><img src="https://media.tenor.com/41CGyoJMRXwAAAAC/linda-menina.gif" width="100%" height="40%">');
print('Tenho 30 anos.');
print('Gosto de mar.');
print('Fazer contas matemáticas.');
print('Deu este total mágico: ' + (23 + 23 * 57));
//Aqui fica a biblioteca printer
var printer = {
outputElement: document.getElementById('output'),
print: function(message) {
this.outputElement.innerHTML += message + '<br>';
}
};
// Exemplo de uso da biblioteca
printer.print('A maria é de albufeira.');
printer.print('A maria é linda.');
printer.print('<h1>Eu sou a maria</h1><img src="https://media.tenor.com/41CGyoJMRXwAAAAC/linda-menina.gif" width="100%" height="40%">');
printer.print('Tenho 30 anos.');
printer.print('Gosto de mar.');
printer.print('Fazer contas matemáticas.');
printer.print('Deu este total mágico: ' + (23 + 23 * 57));
</script>
</body>
</html>
-----------------------------------------------------------
Comentários
Enviar um comentário