Você está na página 1de 1

<html>

<head>

<style>
p{color:blue;}

h1{color:red;}

input[type="button"]{border-radius: 15px;}

</style>

</head>

<script>
function mostraAlerta1(){
alert ('Oi, tudo bem! Alert 2');
}
</script>

<script>
function mostraAlerta2(){
alert ('Oi, tudo bem! Alert passar mouse');
}
</script>

<body>

<h1>T&iacute;tulo 1 Exemplo</h1>
<h2>Sub T&iacute;tulo 2 Exemplo</h1>
<p>Par&aacute;grafo 1 Exemplo</h1>
<h3 onmouseenter="mostraAlerta2()">Sub T&iacute;tulo3 Passe o mouse aqui</h3>

<br>

<input
type="button" onclick="javascript:alert ('Oi, tudo bem? Alert 1')" value="Teste1"/>
<br>
<br>
<input type="button" onclick="javascript:mostraAlerta1();" value="Teste2"/>

</body>

</html>

Você também pode gostar