se creo correctamente el blog personal
document.addEventListener('DOMContentLoaded', function() {
// Validación del formulario
const postForm = document.getElementById('post-form');
if (postForm) {
postForm.addEventListener('submit', function(e) {
const title = document.getElementById('title').value.trim();
const content = document.getElementById('content').value.trim();
const author = document.getElementById('author').value.trim();
if (!title || !content || !author) {
e.preventDefault();
alert('Todos los campos son obligatorios');
}
});
}
// Efectos de hover en los posts
const posts = document.querySelectorAll('.post');
posts.forEach(post => {
post.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-5px)';
this.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';
});
post.addEventListener('mouseleave', function() {
this.style.transform = '';
this.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.1)';
});
});
});
document.addEventListener('DOMContentLoaded', function() {
// Validación del formulario
const postForm = document.getElementById('post-form');
if (postForm) {
postForm.addEventListener('submit', function(e) {
const title = document.getElementById('title').value.trim();
const content = document.getElementById('content').value.trim();
const author = document.getElementById('author').value.trim();
if (!title || !content || !author) {
e.preventDefault();
alert('Todos los campos son obligatorios');
}
});
}
// Efectos de hover en los posts
const posts = document.querySelectorAll('.post');
posts.forEach(post => {
post.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-5px)';
this.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';
});
post.addEventListener('mouseleave', function() {
this.style.transform = '';
this.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.1)';
});
});
});