Ola pessoal não sei se posso colocar o artigo desta forma peço desculpa de qualquer coisa. Eu tenho uma pagina de teste para que possaver como ficou meu trabalho, no endereço:
https://sites.google.com/view/teste-lista/pedagocia/exon1 porém esta faltando um comando que esta meio bugado ou eu não fiz direito. eu não sou expert no assunto, e tive ajuda de algumas pessoas.
na pagina ja explica tudo porém o resumo é: O usuario irão dentro de uma pagina oficial realizar uns testes. e ao finalizar devera enviar a outros que ja fizeram o teste anterior e seu resultado sera calculado com o resultado de outros. por fim o que preciso é que quando o usuario for interagir com os alunos ja existentes na lista ira visualizar o noe como uma lista qualquer, ira copiar, sem a nescessitade de clicar em cima, apenas copiar, porém ao mandar as informações o mesmo ira acrescentar seu nome a esta lista numa pagina temporaria. ( ate esta parte a pagina funciona) porém o importante é que ao ser cirado a pagina com a lista atualizada sendo acrescentada o novo nome e retirado o primeiro mantendo a mesma quantidade na lista , que fosse ter a possibilidade de se copiar esta pagina em cod html, pois como esta hospedado no google sites a pagina não tem como salvar no mesmo endereço de backup, assim a intenção é que o aluno ao cria seu nome a lista que possa fazer uma copia desta pagina ja com seu nome incluso visivelmente para que seja criada um anova lista, então o mesmo manuamente ira colar o cod em uma nova pagina mas com seu login. __ se fizer o teste vera que oda para copiar o nome alterear a lista e ate copiar a pagina só que ao colar na nova pagina aparece a pagina antiga, e o ironico é que dentro do codi na linha 21 a nova lista aparece mas fica visivel só nos cod e não na lista da pagina.
SCRIPT
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UFT-8" />
<title> </title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input
type="text"
id="nome"
value="insira o nome"
onfocus="this.value='';"
/>
<button onClick="adicionar()">Adicionar</button>
<div class="exibir">
<ul id="lista"></ul>
</div>
<textarea name="" id="copy-me"></textarea>
<button id="copy-btn">Copiar HTML</button>
<br />
<br />
<script>
// initial state
const nomes = [
"Jonas@email",
"Edna@email",
"Felipe@email",
"Pedro@email",
"Tomas@email",
"Claudio@email",
"Brenda@email"
];
// mutation state
let updateList = [...nomes];
// HTML: elements
const copyValue = document.getElementById("copy-me");
const copyButton = document.getElementById("copy-btn");
// HTML: event-listners
copyButton.addEventListener("click", () => {
copyValue.select();
document.execCommand("copy");
});
// transform names list in string and transform text-box value
const onChangeCopyHtml = () => {
const source = document.documentElement.outerHTML;
copyValue.value = source;
};
// render update list
const renderList = () => {
lista.innerHTML = "";
for (var i = 0; i < updateList.length; i++) {
var lis = document.createElement("li");
lis.innerHTML = updateList[i];
lista.appendChild(lis);
}
onChangeCopyHtml();
};
// add new name to name list
const onAddName = (name) => {
updateList.push(name);
const newList = updateList.slice(1, updateList.length);
return newList;
};
// função para adicionar mais um nome à lista
function adicionar() {
var coleta = document.getElementById("nome").value;
var nomeDig = document.createElement("li");
updateList = onAddName(coleta);
// render new list
renderList();
}
// first render
renderList();
</script>
<script src="/scripts/snippet-javascript-console.min.js?v=1"></script>
</body>
</html>