9 replies

How do I select text contents parent to add class list to it?

I am using this method to change the text content based on what the api value returned is.

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

It is being used in this mark up

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

I am trying to add a class list that will change its text color based on either what is returned or its new text content.
In the airQuality method is it possible to select the owner of the text content to use classList.add() to it?
https://github.com/bsupinski/weather_app

GitHub

GitHub - bsupinski/weather_app

Contribute to bsupinski/weather_app development by creating an account on GitHub.

KP-C

Kevin Powell - Community•4y ago•

9 replies

b_sups

How do I select text contents parent to add class list to it?

I am using this method to change the text content based on what the api value returned is.

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

It is being used in this mark up

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

GitHub

GitHub - bsupinski/weather_app

Contribute to bsupinski/weather_app development by creating an account on GitHub.

How do I select text contents parent to add class list to it?

Similar Threads

How do I select text contents parent to add class list to it?

Similar Threads

Similar Threads

Similar Threads