Thai  Son

Thai Son

1661985540

Tìm Hiểu Về Các Hàm Tableau Được Sử Dụng Nhiều Nhất

Tìm hiểu về các hàm Tableau chuỗi, số, ngày tháng, lôgic và tổng hợp được sử dụng nhiều nhất.

Tableau Functions cung cấp thêm khả năng cho các nhà phát triển trí tuệ kinh doanh để thúc đẩy phân tích phức tạp và thực hiện tính toán toán học. Nó được sử dụng để tăng cường các trường dữ liệu chuỗi, số, ngày tháng và địa lý. 

Chúng ta sẽ tìm hiểu về 10 hàm Tableau được sử dụng nhiều nhất để kiểm tra và phát triển trí thông minh kinh doanh. Các chức năng này sẽ giúp bạn hiểu Tableau không chỉ là một công cụ ưa thích kéo và thả. 

MIN và MAX

Hàm MAX sẽ trả về giá trị cao nhất trong hai đối số. Nó cũng có thể được áp dụng cho các trường dữ liệu, như được hiển thị bên dưới. 

MAX([Sales],[Profit])

Thí dụ:

MAX(10,17) = 17

Đối với MIN thì ngược lại. Hàm sẽ trả về giá trị thấp nhất trong số hai đối số. Các đối số có thể là trường dữ liệu hoặc số nguyên.  

MIN([Sales],[Profit])

Thí dụ:

MIN(14,17) = 14

THAY THẾ

Hàm REPLACE có thể được áp dụng cho các trường và chuỗi dữ liệu chuỗi. Nó yêu cầu ba đối số:

  • string : nó có thể là một trường dữ liệu chuỗi hoặc một chuỗi.
  • chuỗi con : là từ hoặc bảng chữ cái bạn muốn thay đổi.
  • Replace : một chuỗi sẽ thay thế một chuỗi con.
REPLACE(string, substring, replacement)

Thí dụ:

REPLACE("Abid Ali", "Ali", "Awan") = "Abid Awan"

DATEDIFF

Nó được sử dụng để tìm sự khác biệt giữa hai trường ngày. Bạn có thể trích xuất sự khác biệt của tuần, ngày, tháng và năm. 

Hàm yêu cầu 4 đối số:

  • date_part : là một đơn vị ngày để trả về sự khác biệt giữa hai ngày.
  • date1 và date2 : là các trường ngày tháng
  • start_of_week : có thể là Thứ Hai, Chủ Nhật hoặc Thứ Ba. Tất cả phụ thuộc vào yêu cầu của bạn.
DATEDIFF(date_part, date1, date2, [start_of_week])

Thí dụ:

DATEDIFF('week', #2019-10-22#, #2019-10-24#, 'monday')= 1

DATENAME và DATEPART

DATENAME được sử dụng để trả về date_part trong một chuỗi trường dữ liệu ngày. Chúng ta có thể trích xuất ngày, năm, tuần và tháng của một ngày. 

  • date_part: là một đơn vị ngày được áp dụng vào ngày
  • date: là một trường hoặc chuỗi ngày tháng.
  • start_of_week: ngày được coi là ngày đầu tiên trong tuần
DATENAME(date_part, date, [start_of_week])

Thí dụ:

DATENAME('month', #2020-03-25#) = "March"

Thay vì trả về tên của tháng trong chuỗi, DATEPART được sử dụng để trích xuất phần ngày từ một ngày ở dạng số nguyên. Chúng ta có thể sử dụng nó để thực hiện các phép tính phức tạp. 

DATEPART(date_part, date, [start_of_week])

Thí dụ:

DATEPART('month', #2020-03-25#) = 3

Chuyển đổi loại

Đây là hàm được sử dụng nhiều nhất trong Tableau và tôi sử dụng nó để chuyển đổi chuỗi thành ngày tháng, Số nguyên thành chuỗi, chuỗi thành số float và phân tích cú pháp ngày tháng. 

Đây là danh sách các hàm chuyển đổi kiểu:

  • DATE (biểu thức)
  • DATETIME (biểu thức)
  • DATEPARSE (định dạng, chuỗi)
  • FLOAT (biểu thức)
  • INT (biểu thức)
  • STR (biểu thức)

IF và ELSE

Tableau có các hàm điều kiện đơn giản. Bạn có thể thực hiện câu lệnh If else như Python. Chỉ cần đảm bảo rằng bạn thêm “ END” để đóng câu lệnh. 

Tôi sử dụng câu lệnh IF & ELSE để tạo danh mục và vẽ biểu đồ chuỗi thời gian. 

IF <expr> THEN <then> ELSE <else> END

Thí dụ:

If [Profit] > 0 THEN 'Profitable' ELSE 'Loss' END

VÀ và HOẶC

Đối với các hàm logic nâng cao, bạn cũng có thể thêm các lệnh ANDOR để mở rộng biểu thức. 

IF <expr1> AND <expr2> THEN <then> END

Thí dụ:

IF (ATTR([Market]) = "South Asia" AND SUM([Sales]) > [Emerging Threshold] )THEN "Well Performing"

TRƯỜNG HỢP

Tương tự như câu lệnh IF & ELSE , bạn có thể sử dụng CASE để tạo các hàm logic. Bạn có thể áp dụng nó cho một trường dữ liệu và tạo nhiều danh mục dựa trên các biểu thức. 

CASE <expression> WHEN <value1> THEN <return1> WHEN <value2> THEN <return2> ... ELSE <default return> END

Thí dụ:

Tập lệnh bên dưới được sử dụng để chuyển đổi trường chuỗi "Ngôn ngữ" thành số nguyên. Nếu các giá trị bằng tiếng Anh , nó sẽ trả về 1 , cho tiếng Urdu 2 và cho mọi thứ khác là 3

CASE [Language] WHEN 'English' THEN 1 WHEN 'Urdu' THEN 2 ELSE 3 END

TRA CỨU

LOOKUP được sử dụng để tạo các hiệu số trong tập dữ liệu. Tôi chủ yếu sử dụng chức năng này để tạo dự báo và phân tích chuỗi thời gian. 

Nó yêu cầu một trường dữ liệu và tham số offset ở dạng số nguyên. 

LOOKUP(expression, [offset])

Thí dụ:

Bằng cách sử dụng lệnh dưới đây, chúng tôi đã bù đắp Lợi nhuận bằng 2. Bây giờ, chúng tôi có thể thấy giá trị bán hàng từ 2 quý trong tương lai.

LOOKUP(SUM([Profit]), 2)

Chức năng Tableau LOOKUP

TabPy

TabPy cho phép người dùng chạy các tập lệnh Python trong Tableau. Bạn có thể cài đặt nó bằng cách sử dụng `pip install tabpy` và chạy máy chủ bằng cách gõ` tabpy` vào terminal. Tìm hiểu thêm về cài đặt Tabpy bằng cách làm theo Hướng dẫn TabyPy .

Bạn có thể dùng:

  • SCRIPT_BOOL
  • SCRIPT_INT
  • SCRIPT_REAL
  • SCRIPT_STR

Và mỗi lệnh yêu cầu tập lệnh Python với trình giữ chỗ cho các đối số và danh sách các đối số. 

SCRIPT_REAL(Python Script, argument 1, argument 2, ...)

Thí dụ:

Chúng ta sẽ tạo một hàm tương quan lấy các trường Doanh sốLợi nhuận và trả về hệ số tương quan. Như bạn có thể thấy, _arg1_arg2 là các trình giữ chỗ cho Bán hàngLợi nhuận

SCRIPT_REAL("import numpy as np 

return np.corrcoef(_arg1,_arg2)[0,1]",

SUM([Sales]),SUM([Profit]))

Tương tự, bạn có thể triển khai hàm Python tới máy chủ TabPy và truy cập nó bằng cách sử dụng cùng một tập lệnh. Đọc Hướng dẫn TabPy: Triển khai các hàm Python và Mô hình dự báo tiên tri để tìm hiểu thêm về cách triển khai các hàm Python. 

Tập lệnh truy vấn TabPy bắt đầu bằng “return tabpy.query (<tên hàm>, danh sách hoặc đối số) ['response']"

SCRIPT_REAL(TabPy Query Script, argument 1, argument 2, ...)

Thí dụ:

Chúng tôi đang truy cập hàm Hệ số tương quan Pearson bằng cách thêm tên hàm ( pcc ), trình giữ chỗ đối số và đối số. 

SCRIPT_REAL("return tabpy.query('pcc',_arg1, _arg2)['response']",

SUM([Sales]),SUM([Profit]))

Nguồn:  https://www.kdnuggets.com

#tableau 

What is GEEK

Buddha Community

Tìm Hiểu Về Các Hàm Tableau Được Sử Dụng Nhiều Nhất
Thai  Son

Thai Son

1661985540

Tìm Hiểu Về Các Hàm Tableau Được Sử Dụng Nhiều Nhất

Tìm hiểu về các hàm Tableau chuỗi, số, ngày tháng, lôgic và tổng hợp được sử dụng nhiều nhất.

Tableau Functions cung cấp thêm khả năng cho các nhà phát triển trí tuệ kinh doanh để thúc đẩy phân tích phức tạp và thực hiện tính toán toán học. Nó được sử dụng để tăng cường các trường dữ liệu chuỗi, số, ngày tháng và địa lý. 

Chúng ta sẽ tìm hiểu về 10 hàm Tableau được sử dụng nhiều nhất để kiểm tra và phát triển trí thông minh kinh doanh. Các chức năng này sẽ giúp bạn hiểu Tableau không chỉ là một công cụ ưa thích kéo và thả. 

MIN và MAX

Hàm MAX sẽ trả về giá trị cao nhất trong hai đối số. Nó cũng có thể được áp dụng cho các trường dữ liệu, như được hiển thị bên dưới. 

MAX([Sales],[Profit])

Thí dụ:

MAX(10,17) = 17

Đối với MIN thì ngược lại. Hàm sẽ trả về giá trị thấp nhất trong số hai đối số. Các đối số có thể là trường dữ liệu hoặc số nguyên.  

MIN([Sales],[Profit])

Thí dụ:

MIN(14,17) = 14

THAY THẾ

Hàm REPLACE có thể được áp dụng cho các trường và chuỗi dữ liệu chuỗi. Nó yêu cầu ba đối số:

  • string : nó có thể là một trường dữ liệu chuỗi hoặc một chuỗi.
  • chuỗi con : là từ hoặc bảng chữ cái bạn muốn thay đổi.
  • Replace : một chuỗi sẽ thay thế một chuỗi con.
REPLACE(string, substring, replacement)

Thí dụ:

REPLACE("Abid Ali", "Ali", "Awan") = "Abid Awan"

DATEDIFF

Nó được sử dụng để tìm sự khác biệt giữa hai trường ngày. Bạn có thể trích xuất sự khác biệt của tuần, ngày, tháng và năm. 

Hàm yêu cầu 4 đối số:

  • date_part : là một đơn vị ngày để trả về sự khác biệt giữa hai ngày.
  • date1 và date2 : là các trường ngày tháng
  • start_of_week : có thể là Thứ Hai, Chủ Nhật hoặc Thứ Ba. Tất cả phụ thuộc vào yêu cầu của bạn.
DATEDIFF(date_part, date1, date2, [start_of_week])

Thí dụ:

DATEDIFF('week', #2019-10-22#, #2019-10-24#, 'monday')= 1

DATENAME và DATEPART

DATENAME được sử dụng để trả về date_part trong một chuỗi trường dữ liệu ngày. Chúng ta có thể trích xuất ngày, năm, tuần và tháng của một ngày. 

  • date_part: là một đơn vị ngày được áp dụng vào ngày
  • date: là một trường hoặc chuỗi ngày tháng.
  • start_of_week: ngày được coi là ngày đầu tiên trong tuần
DATENAME(date_part, date, [start_of_week])

Thí dụ:

DATENAME('month', #2020-03-25#) = "March"

Thay vì trả về tên của tháng trong chuỗi, DATEPART được sử dụng để trích xuất phần ngày từ một ngày ở dạng số nguyên. Chúng ta có thể sử dụng nó để thực hiện các phép tính phức tạp. 

DATEPART(date_part, date, [start_of_week])

Thí dụ:

DATEPART('month', #2020-03-25#) = 3

Chuyển đổi loại

Đây là hàm được sử dụng nhiều nhất trong Tableau và tôi sử dụng nó để chuyển đổi chuỗi thành ngày tháng, Số nguyên thành chuỗi, chuỗi thành số float và phân tích cú pháp ngày tháng. 

Đây là danh sách các hàm chuyển đổi kiểu:

  • DATE (biểu thức)
  • DATETIME (biểu thức)
  • DATEPARSE (định dạng, chuỗi)
  • FLOAT (biểu thức)
  • INT (biểu thức)
  • STR (biểu thức)

IF và ELSE

Tableau có các hàm điều kiện đơn giản. Bạn có thể thực hiện câu lệnh If else như Python. Chỉ cần đảm bảo rằng bạn thêm “ END” để đóng câu lệnh. 

Tôi sử dụng câu lệnh IF & ELSE để tạo danh mục và vẽ biểu đồ chuỗi thời gian. 

IF <expr> THEN <then> ELSE <else> END

Thí dụ:

If [Profit] > 0 THEN 'Profitable' ELSE 'Loss' END

VÀ và HOẶC

Đối với các hàm logic nâng cao, bạn cũng có thể thêm các lệnh ANDOR để mở rộng biểu thức. 

IF <expr1> AND <expr2> THEN <then> END

Thí dụ:

IF (ATTR([Market]) = "South Asia" AND SUM([Sales]) > [Emerging Threshold] )THEN "Well Performing"

TRƯỜNG HỢP

Tương tự như câu lệnh IF & ELSE , bạn có thể sử dụng CASE để tạo các hàm logic. Bạn có thể áp dụng nó cho một trường dữ liệu và tạo nhiều danh mục dựa trên các biểu thức. 

CASE <expression> WHEN <value1> THEN <return1> WHEN <value2> THEN <return2> ... ELSE <default return> END

Thí dụ:

Tập lệnh bên dưới được sử dụng để chuyển đổi trường chuỗi "Ngôn ngữ" thành số nguyên. Nếu các giá trị bằng tiếng Anh , nó sẽ trả về 1 , cho tiếng Urdu 2 và cho mọi thứ khác là 3

CASE [Language] WHEN 'English' THEN 1 WHEN 'Urdu' THEN 2 ELSE 3 END

TRA CỨU

LOOKUP được sử dụng để tạo các hiệu số trong tập dữ liệu. Tôi chủ yếu sử dụng chức năng này để tạo dự báo và phân tích chuỗi thời gian. 

Nó yêu cầu một trường dữ liệu và tham số offset ở dạng số nguyên. 

LOOKUP(expression, [offset])

Thí dụ:

Bằng cách sử dụng lệnh dưới đây, chúng tôi đã bù đắp Lợi nhuận bằng 2. Bây giờ, chúng tôi có thể thấy giá trị bán hàng từ 2 quý trong tương lai.

LOOKUP(SUM([Profit]), 2)

Chức năng Tableau LOOKUP

TabPy

TabPy cho phép người dùng chạy các tập lệnh Python trong Tableau. Bạn có thể cài đặt nó bằng cách sử dụng `pip install tabpy` và chạy máy chủ bằng cách gõ` tabpy` vào terminal. Tìm hiểu thêm về cài đặt Tabpy bằng cách làm theo Hướng dẫn TabyPy .

Bạn có thể dùng:

  • SCRIPT_BOOL
  • SCRIPT_INT
  • SCRIPT_REAL
  • SCRIPT_STR

Và mỗi lệnh yêu cầu tập lệnh Python với trình giữ chỗ cho các đối số và danh sách các đối số. 

SCRIPT_REAL(Python Script, argument 1, argument 2, ...)

Thí dụ:

Chúng ta sẽ tạo một hàm tương quan lấy các trường Doanh sốLợi nhuận và trả về hệ số tương quan. Như bạn có thể thấy, _arg1_arg2 là các trình giữ chỗ cho Bán hàngLợi nhuận

SCRIPT_REAL("import numpy as np 

return np.corrcoef(_arg1,_arg2)[0,1]",

SUM([Sales]),SUM([Profit]))

Tương tự, bạn có thể triển khai hàm Python tới máy chủ TabPy và truy cập nó bằng cách sử dụng cùng một tập lệnh. Đọc Hướng dẫn TabPy: Triển khai các hàm Python và Mô hình dự báo tiên tri để tìm hiểu thêm về cách triển khai các hàm Python. 

Tập lệnh truy vấn TabPy bắt đầu bằng “return tabpy.query (<tên hàm>, danh sách hoặc đối số) ['response']"

SCRIPT_REAL(TabPy Query Script, argument 1, argument 2, ...)

Thí dụ:

Chúng tôi đang truy cập hàm Hệ số tương quan Pearson bằng cách thêm tên hàm ( pcc ), trình giữ chỗ đối số và đối số. 

SCRIPT_REAL("return tabpy.query('pcc',_arg1, _arg2)['response']",

SUM([Sales]),SUM([Profit]))

Nguồn:  https://www.kdnuggets.com

#tableau 

Juan Corr

1603713809

Tableau Desktop Certified Associate Certification Exam Syllabus

Start your Preparation for Tableau Desktop Associate and become Desktop Associate certified with AnalyticsExam.com. Here you get online practice tests prepared and approved by Tableau certified experts based on their own certification exam experience. Here, you also get the detailed and regularly updated syllabus for Tableau Desktop Associate.
Tableau Desktop Associate practice tests provided by the AnalyticsExam.com is just one of the promising techniques of preparation for the Desktop Associate exam. This Desktop Associate practice tests are composed by a team of experienced professionals. Upgraded Desktop Associate practice questions will give you the useful experience of learning for the Tableau Desktop Associate exam. You can gain the Tableau Desktop Certified Associate certification on the first go with the help of the Desktop Associate practice questions.
If you are planning to prepare for Desktop Associate exam, but not sure how hard the exam is and you want to try out a sample test, you can take our Desktop Associate practice test. To help you assess your readiness, we’ve developed a set of Tableau Desktop Associate sample questions and assembled them into a free online test exam.
Getting that Tableau Desktop Associate certification is a great first step and these practice tests can help you toward a better score. Millions of aspirants have become certified with our practice tests. Give your preparation a new edge with AnalyticsExam.com practice tests.
Effective and dynamic self-preparation is very important for your success in your Tableau Desktop Associate certification exam. You therefore need to explore all options of preparation that are available to you. After studying all the resource materials, you still need to go through different practice tests to evaluate your knowledge base and skill set.
https://www.analyticsexam.com/tableau-desktop-associate-certification-exam-syllabus

#tableau desktop associate #tableau #tableau desktop associate exam #tableau desktop certified associate

navin prakash

1608789990

The pros of Tableau Software

Although all other tableau features are overshadowed by the ultimate quality visualization of interactive data, the list of the benefits that the software brings to companies is very wide.
Remarkable Visualization Capabilities:
Yes, the unparalleled abilities to visualize data are on the leading of the list of Tableau software advantages. The quality visualization details of the application are primarily what opponents of Tableau software present. Also, standard business intellect vendors’ products, such as Oracle Data Visualization data rendition functions, do not compete with the quality of illustration and model supplied by Tableau.
It transforms unbuilt statistical data into an entire logical result, that is completely optional, interactive and adorable dashboards. They are available in sorts of graphics and are comfortable to utilize in industry affairs.
Ease of Utilize:
The intuitive way Tableau generates graphics and a user-friendly interface enables non-dev users to perform the basic application features to the fullest. In a drag-and-drop way, clients organize raw data into catchy diagrams, which enables the analysis of information and removes the need for the support of an IT team for pattern creation.
With no in-depth training, lay customers can enjoy the capabilities provided by Tableau for stats parsing, such as dashboard creation, and so on. To get into the abilities of the solution, however, a detailed understanding is also a must. Often, if a business wants to extend the functionality of the solution, the close involvement of IT experts is a requirement.
High Performance:
Users rate their overall performance as robust and reliable, in addition to its high visualization capabilities. On even big data, the software still works rapidly, making its strong success an important point in the collection of Tableau advantages.
Multiple Data Source Connections:
The program supports the establishment of connexions with several sources of data, such as HADOOP, SAP and DB Technologies, that increases the performance of data analytics and allows a cohesive, insightful interface to be created.
Thriving Community and Forum:
There is a steady increase in the number of Tableau users who invest their knowledge and abilities in the group. Enterprise customers will strengthen their understanding of data analysis and reporting and get a lot of valuable insight into this community. Forum visitors are also ready to assist in addressing any client concerns and to share their experience.
Mobile-Friend liness:
And there is an effective phone device available for IOS and Android, the last in our collection of core Tableau advantages. This provides Tableau clients with versatility, helps them to keep statistics at their fingertips, and enables the full functionality of the desktop and web models.
Do you desire to learn Tableau Training in Chennai with placement? FITA is the right place to study Tableau Course in Chennai with good knowledge, Tableau Certification will help to get the best career in this domain. We are also having branch Tableau Training in Bangalore.

#tableau training in chennai #tableau course in chennai #tableau course #tableau training #training #course

Top Tableau Data Analytics Companies Reviews 2020 – TopDevelopers.co

An extensively researched list of best Tableau data analytics service providers with ratings & reviews to help find the best Tableau analytics companies around the world.

#list of best tableau data analytics companies #top tableau data analytics service providers #top tableau data analytics companies #expert big data developers #tableau #big data

Responsive Navigation Bar with HTML, CSS & JavaScript

In this tutorial, you'll learn how to create a responsive navigation bar with HTML, CSS and Javascript. Create a quick and easy responsive navbar using HTML, CSS and Javascript.

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Responsive Navigation Bar</title>
    <!-- Font Awesome Icons -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
    />
    <!-- Google Fonts -->
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap"
      rel="stylesheet"
    />
    <!-- Stylesheet -->
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <nav>
        <a href="#home" id="logo">Site Logo</a>
        <i class="fas fa-bars" id="ham-menu"></i>
        <ul id="nav-bar">
          <li>
            <a href="#home">Home</a>
          </li>
          <li>
            <a href="#about">About</a>
          </li>
          <li>
            <a href="#services">Services</a>
          </li>
          <li>
            <a href="#team">Team</a>
          </li>
          <li>
            <a href="#contact">Contact</a>
          </li>
        </ul>
      </nav>
    </header>
    <section id="home">
      <h1>Home Section</h1>
    </section>
    <!-- Script -->
    <script src="script.js"></script>
  </body>
</html>

CSS:

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
*:not(i) {
  font-family: "Poppins", sans-serif;
}
header {
  position: fixed;
  width: 100%;
  background-color: #2c8eec;
  padding: 3rem 5rem;
}
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav ul {
  list-style: none;
  display: flex;
  gap: 2rem;
}
nav a {
  font-size: 1.8rem;
  text-decoration: none;
}
nav a#logo {
  color: #000000;
  font-weight: 700;
}
nav ul a {
  color: #ffffff;
  font-weight: 600;
}
nav ul a:hover {
  border-bottom: 2px solid #ffffff;
}
section#home {
  height: 100vh;
  display: grid;
  place-items: center;
}
h1 {
  font-size: 4rem;
}
#ham-menu {
  display: none;
}
nav ul.active {
  left: 0;
}
@media only screen and (max-width: 991px) {
  html {
    font-size: 56.25%;
  }
  header {
    padding: 2.2rem 5rem;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 50%;
  }
  #ham-menu {
    display: block;
    color: #ffffff;
  }
  nav a#logo,
  #ham-menu {
    font-size: 3.2rem;
  }
  nav ul {
    background-color: black;
    position: fixed;
    left: -100vw;
    top: 73.6px;
    width: 100vw;
    height: calc(100vh - 73.6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    transition: 1s;
    gap: 0;
  }
}
@media only screen and (max-width: 575px) {
  html {
    font-size: 46.87%;
  }
  header {
    padding: 2rem 3rem;
  }
  nav ul {
    top: 65.18px;
    height: calc(100vh - 65.18px);
  }
}

Javascript:

let hamMenuIcon = document.getElementById("ham-menu");
let navBar = document.getElementById("nav-bar");
let navLinks = navBar.querySelectorAll("li");

hamMenuIcon.addEventListener("click", () => {
  navBar.classList.toggle("active");
  hamMenuIcon.classList.toggle("fa-times");
});
navLinks.forEach((navLinks) => {
  navLinks.addEventListener("click", () => {
    navBar.classList.remove("active");
    hamMenuIcon.classList.toggle("fa-times");
  });
});

Related Videos

Responsive Navigation Bar Tutorial | HTML CSS JAVASCRIPT

Responsive Navbar Tutorial

Responsive navbar tutorial using HTML CSS & JS

 

#html #css #javascript #webdev