1. /**
  2. * Limits HTML output to a predefined set of default values.
  3. *
  4. * @param {object} data - An object containing data to be used in the HTML.
  5. * @param {object} defaults - An object containing default values for HTML elements.
  6. * @returns {string} - The generated HTML string.
  7. */
  8. function generateLimitedHTML(data, defaults) {
  9. let html = '';
  11. // Header
  12. html += `<div class="container">`;
  13. html += `<h1>${data.title || defaults.title}</h1>`; // Use data or default
  14. html += `<p>${data.description || defaults.description}</p>`;
  16. // Content
  17. html += `<div class="content">`;
  18. if (data.content) {
  19. html += `<p>${data.content}</p>`;
  20. } else {
  21. html += `<p>${defaults.content}</p>`;
  22. }
  24. // Footer
  25. html += `</div>`; // close content
  26. html += `</div>`; // close container
  28. return html;
  29. }
  31. //Example usage
  32. // const myData = { title: "My Title", description: "My description", content: "My content" };
  33. // const myDefaults = { title: "Default Title", description: "Default Description", content: "Default Content" };
  34. // const limitedHTML = generateLimitedHTML(myData, myDefaults);
  35. // console.log(limitedHTML);

Add your comment