Soy un principiante absoluto con JS, buscando resolver el siguiente problema:
Contexto:
Tengo un archivo JSON con datos personales como nombre, dirección de correo electrónico, biografía, etc. Para mi proyecto, necesito crear una página web simple con todos estos datos personales bien presentados para cada individuo (cargando mis datos usando $.getJSON() ). Tengo que usar JS, html y css combinados para formatear la página.
Problema:
¿Cómo agrego un enlace mailto a cada dirección de correo electrónico en mi página? Debería abrir la dirección de correo electrónico correcta para cada individuo, según mi archivo JSON. Aquí está mi código hasta ahora:
var email = "<p>" + candidatesDataset.results[i].email+ "</p>"; var person = '<section class="row" id="person"><div class="four columns card">' + image + '</div><div class="eight columns card">'+ name + about + email + "</div></section>";El código anterior solo muestra la dirección de correo electrónico como texto, mientras que necesito que se pueda hacer clic en él. ¿Podría alguien explicar cómo hacer esto?
Quieres decir :
var email = "<p><a href='mailto:"+ candidatesDataset.results[i].email+"'>" + candidatesDataset.results[i].email+ "</a></p>";Use el atributo HTML mailto de la siguiente manera: estoy usando literales de plantilla ES6 e interpolación para una sintaxis mejor y más fácil.
let email = `<p> <a href="mailto:${candidatesDataset.results[i].email}">Send Mail To ${candidatesDataset.results[i].email} </a> </p>`; let person = `<section class="row" id="person"> <div class="four columns card"> ${image} </div> <div class="eight columns card"> ${name} ${about} ${email} </div> </section>`;