Question

JAVA SCRIPT
Crie uma página html com quatro parágrafos e quatro botões, onde cada
botão deve manipular um parágrafo específico. Utilizar o CSS é
encorajado, porém opcional.
a) Ao carregar a página um prompt deverá solicitar a entrada de um texto,
que deverá ser guardado;
b) Ao clicar em um botão (1), o texto digitado deverá ser apresentao no
primeiro parágrafo;
c) Ao clicar em um botão (2), o texto deverá ser copiado e impresso nos
outros três parágrafos;
d) Ao clicar em um botão (3), o texto de um parágrafo qualquer deverá ser
apagado;
e) Ao clicar em um botão (4), um alerta deverá surgir na tela com o texto
armazenado;
f) Implemente mais 2 botões, eventos e funções que quiser.

Answer 1

Fiz apenas os 4 botões principais, acredito que consiga fazer os dois botões extras.

HTML:

<p id="p1"></p>

<p id="p2"></p>

<p id="p3"></p>

<p id="p4"></p>

<button id="b1">Botão 1</button>

<button id="b2">Botão 2</button>

<button id="b3">Botão 3</button>

<button id="b4">Botão 4</button>

JS:

textprompt = prompt("Por favor insira algum texto aqui.");

var b1 = document.getElementById("b1");

var b2 = document.getElementById("b2");

var b3 = document.getElementById("b3");

var b4 = document.getElementById("b4");

var p1 = document.getElementById("p1");

var p2 = document.getElementById("p2");

var p3 = document.getElementById("p3");

var p4 = document.getElementById("p4");

b1.onclick = function() {

 p1.innerHTML=textprompt;

}

b2.onclick = function() {

 p2.innerHTML=textprompt;

 p3.innerHTML=textprompt;

 p4.innerHTML=textprompt;

}

b3.onclick = function() {

 var r = Math.floor(Math.random()*4);

 r++;

 switch(r) {

   case 1:

     p1.innerHTML="";

     break;

   case 2:

     p2.innerHTML="";

     break;

   case 3:

     p3.innerHTML="";

     break;

   case 4:

     p4.innerHTML="";

     break;

}

}

b4.onclick = function() {

 alert(textprompt);

}