Name card generator

-
Name Card Generator (adsbygoogle = window.adsbygoogle || []).push({});

Your Name

Job Title

Email: example@email.com

CSS (styles.css):body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .card { border: 1px solid #ccc; padding: 20px; text-align: center; max-width: 300px; }JavaScript (script.js):document.addEventListener("DOMContentLoaded", function() { // Prompt the user for input var name = prompt("Enter your name:"); var jobTitle = prompt("Enter your job title:"); var email = prompt("Enter your email:"); // Update the card content with user input document.getElementById("name").innerText = name || "Your Name"; document.getElementById("jobTitle").innerText = jobTitle || "Job Title"; document.getElementById("email").innerText = "Email: " + (email || "example@email.com"); });This is a basic example, and you can enhance and customize it further based on your specific requirements. The JavaScript part prompts the user for input and updates the content of the HTML elements accordingly.

Comments

Post a Comment

Popular posts from this blog

Sort Text Lines

-
Sort Text Lines Tool Sort Text Lines Tool Sort Lines This code creates a simple webpage with a text area for input, a button to trigger the sorting, and a div to display the sorted lines. When you enter text into the textarea and click the "Sort Lines" button, it sorts the lines alphabetically and displays them below the button. The styling is basic but colorful enough to make it visually appealing.
Read more

Adsence revenue calculator

-
AdSense Calculator AdSense Revenue Calculator CPM (Cost Per Thousand Impressions): $ Impressions: Calculate Revenue This simple calculator takes the CPM (Cost Per Thousand Impressions) and the number of impressions as inputs and calculates the estimated revenue. Make sure to customize the styling or functionality as needed for your blog.
Read more