<a href="javascript:window.print()"><!DOCTYPE html>
<html>
<head>
<title>Retroceder o Pensamento</title>
<h1>Espirito; Retroceder e evoluir no tempo;</h1>
<script>
var frases = [
"Eu fui criança",
"Eu era um adolescente",
"Eu me tornei um adulto",
"Eu conquistei meus sonhos",
"Eu sou feliz",
"Eu consegui chegar ao meu autoconhecimento interior",
"Nada começa aqui; Nada acaba aqui",
"Tudo são abismos, quando vivemos de ilusoes",
"O pensamento é a conexao eterna via consciencia universal",
"Deus; A energia suprema; perfeita, causa de todas as criaçoes"
];
var index = 0;
function retrocederPensamento() {
if(index > 0) {
index--;
document.getElementById("frase").innerText = frases[index];
}
}
function evoluirPensamento() {
if(index < frases.length - 1) {
index++;
document.getElementById("frase").innerText = frases[index];
}
}
</script>
</head>
<body>
<h1 id="frase">Eu fui criança</h1>
<button onclick="retrocederPensamento()">Retroceder</button>
<button onclick="evoluirPensamento()">Evoluir</button>
</body>
</html></a>
Código criar livro!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#livro {
width: 80%;
height: 500px;
overflow: auto;
border: 1px solid black;
margin: 20px auto;
padding: 10px;
}
.pagina {
background-color: #f1f1f1;
border: 1px solid grey;
margin: 10px 0;
padding: 10px;
}
.imagem {
max-width: 100%;
max-height: 200px;
}
</style>
<title>Meu Livro</title>
<h1 style="color:#DAA520;">O meu novo livro!</h1>
</head>
<body>
<div id="livro"></div>
<textarea id="novaPagina"></textarea>
<input type="file" id="uploadImagem">
<button onclick="adicionarPagina()">Adicionar Página</button>
<script>
let livro = document.getElementById('livro');
let novaPagina = document.getElementById('novaPagina');
let uploadImagem = document.getElementById('uploadImagem');
function adicionarPagina() {
let pagina = document.createElement('div');
pagina.innerHTML = novaPagina.value;
let imagem = document.createElement('img');
imagem.src = URL.createObjectURL(uploadImagem.files[0]);
imagem.classList.add('imagem');
pagina.appendChild(imagem);
livro.appendChild(pagina);
pagina.classList.add('pagina');
novaPagina.value = '';
uploadImagem.value = null;
}
</script>
</body>
</html>
CÓDIGO CRIAR LIVRO SEM FOTOS!
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>
#livro {
width: 80%;
height: 500px;
overflow: auto;
border: 1px solid black;
margin: 20px auto;
padding: 10px;
}
.pagina {
background-color: #f1f1f1;
border: 1px solid grey;
margin: 10px 0;
padding: 10px;
}
</style>
<title>Meu Livro</title>
<h1 style="color:#DAA520;">O meu novo livro!</h1>
</head>
<body>
<div id="livro"></div>
<textarea id="novaPagina"></textarea>
<button onclick="adicionarPagina()">Adicionar Página</button>
<script>
let livro = document.getElementById('livro');
let novaPagina = document.getElementById('novaPagina');
function adicionarPagina() {
let pagina = document.createElement('div');
pagina.innerHTML = novaPagina.value;
livro.appendChild(pagina);
pagina.classList.add('pagina');
novaPagina.value = '';
}
</script>
</body>
</html>
CRIAR TAGS DIRETO JAVASCRIPT NO HTML SIMPLES the best!
<!DOCTYPE html>
<html>
<style>
h1{
background-color:pink;
}
</style>
<head>
<title>Criar Tag e Link HTML com JavaScript</title>
<h1 style="color:blue;">criar tags e links js html</h1>
</head>
<body>
<div id="tags"></div>
<script>
// Função para criar tags HTML
function createTag(tagName, content) {
var tag = document.createElement(tagName);
tag.innerHTML = content;
document.getElementById('tags').appendChild(tag);
}
// Função para criar links HTML
function createLink(href, text) {
var link = document.createElement('a');
link.setAttribute('href', href);
link.innerHTML = text;
document.getElementById('tags').appendChild(link);
document.getElementById('tags').appendChild(document.createElement('br'));
}
// Criar tags e links automaticamente
createTag('h1', 'Minha luz<br>Criativa.');
createTag('p', 'Este é um parágrafo criado com JavaScript.');
createLink('https://www.google.com', 'Google');
createLink('https://www.facebook.com', 'Facebook');
createLink('https://www.instagram.com', 'Instagram');
</script>
</body>
</html>