Custom JavaScript
      Back to home
      1. Help Center
      2. Developers
      3. Custom JavaScript

      JavaScript Conditions Use Cases

      This Article Will Help You:


      JavaScript is the most widely used scripting language on earth. Javascript can be used with Convert in a diversity of cases. This article is all about JS conditions examples that can be used targeting URLs, cookies, variables, and others. The codes are from real use case scenarios.

      Where Javascript can be implemented?

      Basically everywhere, Goals, Audiences, Locations, Experience, Variation, and Project.

      Comparison Operators

      Case: x = 5 and y = 3

      Operator Description Comparing Returns
      == equal to x == 8 false
      x == 5 true
      === equal value and equal type x === "5" false
      x === 5 true
      != not equal x != 8 true
      !== not equal value or not equal type x !== "5" true
      x !== 5 false
      > greater than x > 8 false
      < less than x < 8 true
      >= greater than or equal to x >= 8 false
      <= less than or equal to x <= 8 true
      && and (x < 10 && y > 1)  is true
      || or (x === 5 || y === 5) is false

      source: https://www.w3schools.com/


      Examples:

      Referral URL

      // Equal
      document.referrer == "YourURL.com"

      // Not Equal
      document.referrer != "YourURL.com"

      // Contains
      document.referrer.includes('somethingtocheck') == true/false

      URL/Parameter/Query String :: Contains

      window.location.href.includes('yourstring') == true

      window.location.href.includes('\?yourstring') || window.location.href.includes('\&yourstring')  == true

      window.location.href.includes('yourstring') && window.location.href.includes('yourstring2')  == true

      URL using Regex

      //Starts with
      window.location.href.match(/https?:\/\/(www.yourdomain.com\//).length > 0

      //Using wildcards (same as contains)
      window.location.href.match(/(.*)\/(child\/child1\/child2)(|\/)(.*)/).length > 0

      Cookies

      //Cookie is present
      document.cookie.indexOf('cookieName') > -1 

      //Cookie is not present
      document.cookie.indexOf('cookieValue') > -1 == false

      // Cookie is present and contains
      document.cookie.indexOf('cookieName') > -1 && document.cookie.indexOf('cookieValue') > -1

      Variables

      //Variable is present
      typeof yourvariable != 'undefined'

      //Variable is not present
      typeof yourvariable == 'undefined'

      //Variable contains/not contains
      yourvariable.includes('valuetocheck') == true/false

      Elements

      //Element is present
      document.getElementById("intro") != null
      document.getElementsByClassName("intro") != null
      convert.$('.selector').length != 0

      //Element is not present
      document.getElementById("intro") == null
      document.getElementsByClassName("intro") == null
      convert.$('.selector').length == 0

      Screen Size

      screen.width == 1920
      screen.height == 1080

      Min/Max Screen Size 

      window.matchMedia("(min-width: 768px)").matches
      window.matchMedia("(max-width: 1024px)").matches