Tip Calculator Using Js

Community feedback

• 

  Marzia Jalili•7,250

  @MarziaJalili

  Posted 19 days ago

  The web's on fire! 🔥

  🌟 DOM manipulation? Super simple!

  ✅ We have three simple steps:

  1. Get the input element using JavaScript.

  2. Listen for changes on that input using the input event listener.

  3. Update the UI whenever the value changes using textContent or innerText.

  ✅ Here's you go with the example:

  /* First step */
  const input = document.getElementById('num-of-ppl');
  const result = document.getElementById('result');
  
  /* Second */
  input.addEventListener('input', function() {
    /* Third */
    result.textContent = input.value;  // Update UI with current input value
  });
  

  Hope it clarifies the process! 😎

  10