Mfernandez a 17:44, 6 març 2024

2024-03-06T17:44:19Z

Mfernandez a 17:42, 6 març 2024

2024-03-06T17:42:52Z

@@ Línia 18: / Línia 18: @@
 </source>
-<!-- Nou -->
+Nova solució:
 <!DOCTYPE html>
 <html lang="en">
@@ Línia 48: / Línia 50: @@
 </html>

← Versió més antiga		Revisió del 17:42, 6 març 2024
Línia 17:		Línia 17:
	<div id="missatge">mensaje</div>		<div id="missatge">mensaje</div>
	</source>		</source>
		+
		+	<!-- Nou -->
		+	<!DOCTYPE html>
		+	<html lang="en">
		+
		+	<head>
		+	<meta charset="UTF-8">
		+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		+	<title>Document</title>
		+	<link
		+	rel="stylesheet"
		+	href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
		+	/>
		+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
		+
		+	<script>
		+	$(document).ready(function () {
		+
		+	$(':button').click(function () {
		+	$('#missatge').addClass('animate__animated animate__bounceOutLeft');
		+	});
		+	});
		+	</script>
		+	</head>
		+
		+	<body>
		+	<button>Animar</button>
		+	<div id="missatge">Missatge</div>
		+	</body>
		+
		+	</html>