Javascript-javascript3-week2

[jeli1991]

No description provided.

[dinythomas89]

good work!

[chezzoba]

Nicely done, just remember to use async / await in the future and generally wrapping the whole application logic in a single try / catch block is not the best practice since you want to actually get an error when there is one.

[chezzoba]

Nicely done, but would be better with some error handling in case something goes wrong.

[chezzoba]

To get a copy of a DOM element in JavaScript, you can use the cloneNode() method. This method creates a deep or shallow copy of the specified element, depending on the value of the argument passed to it. Here's how you can use it:

1. Shallow copy: Pass false as an argument to cloneNode(). This will create a copy of the element without its children.

const originalElement = document.getElementById('elementId');
const shallowCopy = originalElement.cloneNode(false);

2. Deep copy: Pass true as an argument to cloneNode(). This will create a copy of the element along with all its children and their attributes.

const originalElement = document.getElementById('elementId');
const deepCopy = originalElement.cloneNode(true);

After creating the copy, you can manipulate it or insert it into the DOM as needed. For example, you can append the copied element to another element:

const parentElement = document.getElementById('parentElementId');
parentElement.appendChild(deepCopy);

Keep in mind that the copied element will have the same id attribute as the original element, which can cause issues if you're using the id for styling or scripting purposes. To avoid this, you can change the id of the copied element:

deepCopy.id = 'newElementId';

[chezzoba]

Do not use .then(...).catch(...), use async / await please. This is how you could have done the same thing:

async function fetchAndUpdateExchangeRates() {
  try {
      await fetchExchangeRates();
      populateDropdowns();
      updateResult();
  } catch (error) {
      console.error(error);
      result.textContent = 'An error occurred while getting exchange rates.';
  }
}

// Call the function
fetchAndUpdateExchangeRates();

[chezzoba]

Are these global variables necessary?