teleren/devto huggingface dataset:
Hire Wise - Multipage job portal. Built with Astro , Tailwind & MDX
Tags: webdev, javascript, tailwindcss, astro
Published: 2024-01-26 09:57:58

Hire Wise - Multipage job portal
Built with Astro , Tailwind & MDX

⏤ Pages 25
⏤ Sections 50+
⏤ Components 80+

This theme is included on the bundle.

See it live and learn more:
https://lexingtonthemes.com/info/hirewise/

A professional, clean design with purple accents, tailored for a job board or corporate platform. It provides a structured layout for company storytelling, job listings, user testimonials and more.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6pdn9djn879ngomzk27m.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3k92l1qlpp3l9p73kawo.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dmc86n97a4p4v4sn52er.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/92ppxcdplzk0jkvmerb3.png)
Empowering Your Team with CLI Tools: A Quick Guide using Node.js
Tags: node, cli, javascript
Published: 2024-01-26 09:38:24

---
title: Empowering Your Team with CLI Tools: A Quick Guide using Node.js
published: true
description: Quickly create a CLI using Node.js
tags: Node, CLI, JavaScript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efe2evyq9dlds0m8h64r.png
# Use a ratio of 100:42 for best results.
# published_at: 2024-01-25 15:08 +0000
---

In the dynamic landscape of technology, the ability to create Command-Line Interface (CLI) tools is a valuable skill that can significantly enhance your team's efficiency. CLI tools empower teams to streamline the execution of repetitive tasks, debug user issues by pulling relevant data, and monitor the health of systems, among other applications.

## Getting Started with Node.js

Creating a CLI tool with Node.js is a straightforward process. Follow these quick steps to have a functional CLI tool up and running in no time:

### Step 1: Set Up a New Project

Initiate a new Node.js project with the following commands:

```sh
npm init -y
npm config set type="module"
```

### Step 2: Create Your Script File

Create an `index.js` file for your CLI tool:

```sh
touch index.js
```

Set the file as executable with the following shebang:

```sh
#!/usr/bin/env node
```

Make the file executable:

```sh
chmod +x index.js
```

### Step 3: Update `package.json`

Add a "bin" entry to your `package.json` to specify the command associated with your CLI tool:

```json
"bin": {
  "whatever-cmd": "./index.js"
}
```

### Step 4: Create a Symbolic Link

Link your CLI tool globally using npm:

```sh
npm link
```

With these simple steps, you've created a basic structure for a Node.js CLI tool. Now, you can build upon this foundation by adding custom code to execute specific tasks. Whether it's automating routine processes, extracting data for debugging, or monitoring system health, your CLI tool is ready to empower your team's workflow.

Remember, the versatility of CLI tools extends beyond these examples, allowing you to tailor solutions to the unique needs of your tech environment. By mastering this skill, you contribute to the efficiency and effectiveness of your team's development processes. So, dive in, experiment, and witness the transformative impact of CLI tools in your tech arsenal.
F8BET
Published: 2024-01-26 09:18:48

F8bet là một nhà cái có giấy phép cá cược trực tuyến hợp pháp do Isle of Man và Khu kinh tế Cagayan and Freeport cấp. Với bề dày kinh nghiệm và danh tiếng phục vụ hơn 10 triệu người chơi, F8bet đã và đang khẳng định vị thế của mình trên thị trường game trực tuyến .Với tư cách là một công ty trò chơi trực tuyến trực thuộc Tổng bộ Liên minh OKVIP có trụ sở tại Luân Đôn, Anh, sở hữu đội ngũ nhân tài chuyên nghiệp đông đảo cung cấp sản phẩm phục vụ chất lượng cao.  Đăng ký nhận 500 tại f8bet.host
Thương hiệu: F8BET
Địa Chỉ: 153 Thống Nhất, Phường 2, Bạc Liêu, Việt Nam
Phone:  0383547284
Email: f8bethost@gmail.com
Website: https://f8bet.host/
#f8bet #f8bethost #nhacaif8bet #f8betcasino
RELIANOID team
Published: 2024-01-26 09:14:24

Meet our 🌟🌟! Our team is our most valuable asset, so today we're introducing another of our mates! 



Jezabel Santana is part of our Sales and Marketing team, bringing a wealth of experience in guiding her colleagues as a Key Account Manager and Customer Care representative in the travel industry. Additionally, she has served as a VET teacher. Fluent in four languages, her linguistic skills reflect her passion for travel and connecting with diverse individuals. Her dedication is evident in providing our customers with the utmost attention to their needs.



Thank you Jeza for being part of our team!! 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ncrfljpf2h2vgr4kj7gg.png)
Android Studio
Tags: androiddev, android, kotlin, xml
Published: 2024-01-26 09:05:49

Never add a Paginated RecyclerView or ListView to a ScrollView. Doing so results in poor user interface performance and a poor user experience.

Use Linear Layout with scrolling behaviour or if possible RecyclerView with multiple view types.
Using a Paginated RecyclerView in a scrollview will trigger your Paging Source load without you scrolling leading to lags and performance issues
winvnwinvnnet
Published: 2024-01-26 09:02:24

Winvn dang la mot cai ten hot trong nganh ca cuoc online. Hay cung doc het bai viet sau day de hieu tai sao thuong hieu nay lai hap dan den nhu vay nhe!
Dia chi: 67 Ham Nghi, Phuong Nguyen Thai Binh, Quan 1, Thanh pho Hp Chi Minh, Viet Nam
Email: winvnwinvn.net@gmail.com
Website: https://winvnwinvn.net/
Dien thoai: (+63) 9064408637
#winvn #winvnwinvnnet #winvnnhacai #winvncom #winvngame




Social links:




https://winvnwinvn.net/

https://winvnwinvn.net/gioi-thieu-winvn/

https://winvnwinvn.net/chinh-sach-bao-mat/

https://winvnwinvn.net/dieu-khoan-dich-vu/

https://winvnwinvn.net/lien-he-winvn/

https://winvnwinvn.net/dang-ky-winvn/

https://winvnwinvn.net/khuyen-mai-winvn/

https://winvnwinvn.net/nap-tien-winvn/

https://winvnwinvn.net/rut-tien-winvn/

https://winvnwinvn.net/tai-app-winvn/

https://www.facebook.com/winvnwinvn.net/

https://twitter.com/winvnwinvnnet

https://vimeo.com/winvnwinvnnet

https://www.pinterest.com/winvnwinvnnet/

https://www.tumblr.com/winvnwinvnnet

https://www.twitch.tv/winvnwinvnnet/about

https://www.reddit.com/user/winvnwinvnnet/

https://www.youtube.com/@winvnwinvnnet

https://500px.com/p/winvnwinvnnet?view=photos

https://www.flickr.com/people/winvnwinvnnet/

https://gravatar.com/winvnwinvnnet

https://about.me/winvnwinvnnet

https://www.instapaper.com/p/13710850

https://www.mixcloud.com/winvnwinvnnet/

https://hub.docker.com/u/winvnwinvnnet

https://flipboard.com/@winvnwinvnnet/winvn-winvnwinvn-net-nh-c-i-c-c-c-s-1-vi-t-nam-0iq6bu05y

https://issuu.com/winvnwinvnnet

https://www.babelcube.com/user/winvn-winvnwinvn-net-nha-cai-ca-cuoc-so-1-viet-nam

https://beermapping.com/account/winvnwinvnnet

https://qiita.com/winvnwinvnnet

https://profile.hatena.ne.jp/winvnwinvnnet/

https://www.reverbnation.com/artist/winvnwinvnnet

https://guides.co/a/winvn-winvnwinvn-net-nh-ci-c-cc-s-1-vit-nam

https://myanimelist.net/profile/winvnwinvnnet

https://os.mbed.com/users/winvnwinvnnet/

https://www.metooo.io/u/winvnwinvnnet
Adding a Personal Touch to Coding: Create ASCII Art with Python
Tags: python, programming, ascii
Published: 2024-01-26 08:54:43

In the vast world of programming, sometimes it's the small, fun projects that capture our hearts. Today, we're diving into a delightful Python script that turns your name into a piece of ASCII art. It's a perfect blend of technology and creativity, offering a unique way to express yourself digitally.

---

## What is ASCII Art?
ASCII art is a graphic design technique that uses printable characters from the ASCII standard to create visual art. It's been around since the early days of computers and remains popular for its retro charm and creative potential.

---

## The Python Magic
Python, known for its simplicity and versatility, is the perfect language for such creative coding. The script we'll discuss uses the pyfiglet library, which allows for easy conversion of strings into ASCII art.

---

## The Script Breakdown
Here's a look at how the script works:

```
import pyfiglet

def create_ascii_art(name):
    ascii_art = pyfiglet.figlet_format(name)
    return ascii_art

if __name__ == "__main__":
    user_name = input("Enter your name: ")
    print(create_ascii_art(user_name))

```

- Importing pyfiglet: This library is the core of our script, enabling the ASCII art conversion.
- The Function: create_ascii_art takes a name as input and returns it in ASCII art form.
- User Interaction: The script prompts the user to enter their name, which then gets transformed.

---

## Running the Script
To experiment with this script, you need to have Python installed on your computer. You'll also need to install pyfiglet:

```
pip install pyfiglet
```

Then you can run the script. Let's see one example:

![Example of the output of the script](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyrq0tj8iut2056q3bfc.png)

---

## Why It's Fun
This script isn't just about the output; it's about the joy of creating something personal and artistic with code. It's a fantastic way to get introduced to Python and see how programming can be used for creative expression.

---

## Conclusion
In an era where digital personalization is highly valued, this Python script offers a charming way to personalize your digital space. Whether you're a seasoned programmer or a curious beginner, this project is a delightful reminder of how coding can be fun and creative.
What is the installation method of stainless steel cable tray?
Published: 2024-01-26 08:54:19


In modern society, stainless steel bridges are commonly used when installing bridges. 
Through the use of stainless steel [cable tray vendors](http://www.hfcabletray.com/) bridge, this can effectively reduce the installation cost, at the same time can effectively prolong the life of the bridge. 
However, when installing the stainless steel bridge, we also need to install it correctly according to the prescribed installation method. 
So, what are the setting methods of stainless steel bridge? 
Next, the editor will give you a brief introduction. 
1,the installation of stainless steel bridge at the top of the cabinet, due to the particularity of the ceiling structure and the floor is too high, so usually choose the top of the cabinet for installation. 
As a result, the bridging can be effectively set up while avoiding the problem of ceiling being destroyed. 
When installing the top cabinet, it can be bolted and fixed without opening at the top of the cabinet. 
2.When installing stainless steel bridge frame on ceiling, ceiling installation mode can also be used. 
However, in such an implementation, it is recommended that the specific span be calculated according to the actual load. 
3.When installing the stainless steel bridge, we usually use the ground support to install the stainless steel bridge, which usually installs not only the cable bridge but also the outdoor base station.
 
That is to say, when installing a stainless steel [cable tray vendors](http://www.hfcabletray.com/), good results can be obtained as long as it is set up in the correct way. 
If the setting method is wrong, it will affect the overall use of the bridge, and unnecessary failures will occur, so please pay attention to the installation.
http://www.hfcabletray.com/
The load of cable tray is divided into load, dynamic load and additional load.
Published: 2024-01-26 08:46:23

The load of cable tray can be divided into load, dynamic load and additional load. 
The load of [cable tray vendors](http://www.hfcabletray.com/) is divided into load, dynamic load and additional load. 
Static load refers to the type, root number, outer diameter weight / unit length of the cable laid in the cable tray, which is listed and counted according to the different routes of cable laying. 
Dynamic load refers to the weight of construction and maintenance personnel in the process of installation and maintenance of cable tray. 
For light cable tray, dynamic load is generally not considered, that is, people are not allowed to stand (walk) on the bridge. 
If people need to be considered, the span should be reduced appropriately. 
The external additional load only refers to the load formed by snow, ice, wind and electromagnetic force, which is related to the natural meteorological conditions of the installation site and the nature of the charged body, and should be calculated according to various 
http://www.hfcabletray.com/
conditions in the design.
Scope of application of hot-dip galvanized cable tray
Published: 2024-01-26 08:43:02


The characteristics of hot-dip galvanizing: it has very good anti-corrosion performance, long durability, high degree of industrialization and longer service life than ordinary bridge, so it is widely used in outdoor steel structures Perforated [cable tray production suppliers](https://www.hejingroup.com/) are seriously corroded by atmosphere and difficult to maintain. 
In recent years, a large number of profiled steel plates in light steel structure system are also widely used in hot-dip galvanizing anti-corrosion. 
Scope of application: widely used in pipe network supporting projects in metallurgical and petrochemical systems and power piping network systems in various industrial fields. When conveying combustible gases in petrochemical systems, it can withstand certain pressure without damaging the safe operation of pipelines and equipment. 
Such as a large number of transmission towers, communication towers, outdoor, highways, tunnels, offshore oil platforms and so on. 
, hot-dip galvanized bridge price, hot-dip galvanized bridge width 600 mm * height 100 mm * thickness 1.2 × 302.4 / m
https://www.hejingroup.com/
nhahangdungtien
Tags: webdev, javascript, programming, react
Published: 2024-01-26 08:39:20

Nhà hàng Dung Tiến Ba Vì, Nhà hàng gần đây ăn ngon nhất ở Ba Vì Hà Nội. Phục vụ du lịch Ba Vì, resort, home stay, Villa Ba Vì. Nhà hàng đẹp gần khoang xanh suối tiên,Nhà hàng Dung Tiến Ba Vì #nhahangdungtien #NHÀ_HÀNG_DUNG_TIẾN Phone: 0835.272.818  Địa chỉ: thôn Muồng Voi, xã Vân Hòa, huyện Ba Vì, thành phố Hà Nội, Việt Nam  Email: dt.nhahangbavi@gmail.com  [https://nhahangdungtien.com/](https://nhahangdungtien.com/)
Selenium Training and Placement
Published: 2024-01-26 08:36:56

In the fast-paced world of software development, the demand for skilled professionals in Selenium automation testing is on the rise. This article delves into the essential aspects of **[Selenium Training and Placement](https://www.iitworkforce.com/selenium-certification/)**, emphasizing the critical role of job references with live project training by the esteemed IIT Workforce.
**Locating Selenium Automation Training**
The proximity of **[Selenium Automation Training Near Me ](https://www.iitworkforce.com/what-are-the-job-opportunities-after-completing-a-selenium-course/)**significantly influences its efficacy. Training programs within close reach provide unparalleled convenience and accessibility, freeing participants from geographical limitations and enabling focused learning. These localized programs cultivate a supportive learning environment, finely tuned to the community's specific needs. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/adg9ia96hx5w41d2p5rg.png)
**Challenges in Selenium Training**
Selenium training may present challenges, such as mastering complex concepts or balancing work commitments. Acknowledging common challenges is the first step toward implementing effective solutions. IIT Workforce addresses challenges by implementing strategies such as mentorship programs, flexible learning schedules, and additional resources to support participants in overcoming obstacles during Selenium training. IIT Workforce's proactive approach involves continuous improvement of the **[Online Training Program](https://www.iitworkforce.com/)**. Feedback mechanisms, personalized support, and a commitment to addressing participant concerns contribute to a positive Selenium training experience.
**Conclusion**
In conclusion, Selenium training, with its strategic emphasis on integrating job references and live projects, emerges as a transformative educational journey that significantly broadens the spectrum of career opportunities available to participants. This approach, particularly championed by the IIT Workforce, underscores a commitment to excellence and a nuanced understanding of the evolving landscape of software testing.
Is galvanized cable tray cold-plated or hot-plated?
Published: 2024-01-26 08:35:17


Galvanized bridge is also known as "hot-dip galvanized bridge". 
At present, most of the traditional ordinary galvanized bridges in the market are directly made of hot-dip galvanized sheet, and they are also commonly used in the market, which is generally called "galvanized cable tray". Its cost is [Cable Tray Manufacturing Supplier](https://www.hejingroup.com/) that of other materials and has a high performance-to-price ratio. 
The surface of the hot-dip galvanized bridge appears relatively rough, may not be so good-looking, it is a cold plate after surface treatment hot-dipped a layer of zinc on the surface, this rough point is its thick zinc layer, strong corrosion resistance. 
, hot-dip galvanized bridge price, hot-dip galvanized bridge width 300 × high 100 × 1.0 thickness = 147g, hot-dip galvanized bridge width 500 × high 100 × 1.0 thickness = 216.9
https://www.hejingroup.com/
What are the contents of the national standard for fireproof cable bridges?
Published: 2024-01-26 08:33:29


1. The standard documents cited by fireproof cable tray are as follows: standard document 1:GB4208-2008 shell protection grade (IP code), standard document 2:GB 8624 flammability classification of building materials and products, standard document 3:GB/T9969 industrial product instructions general principles, standard document 4:GB/T99781-2008 test methods for building components-part 1: general requirements. 
Standard documents 5:GB/T14436 industrial product protection documents general principles, standard documents 6:GB14907 steel structure fire retardant coatings, standard documents 7:CECS31:2006 steel cable tray engineering design code, 2, fireproof [Cable Ladder Tray Manufacturers](https://www.hejingroup.com/ ) terminology standard, standard term 1: fire-resistant cable slot box
https://www.hejingroup.com/ 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4e5yw9lkcmcz9docsv2l.jpg)
Introducing SAST into the development process
Tags: programming, security
Published: 2024-01-26 08:31:34

SAST (Static Application Security Testing) is a method of analyzing application security by checking source code. During the analysis, the SAST tool (a static analyzer) detects code fragments that contain potential vulnerabilities. The main advantage of this method is that developers can use it in the early development stages, and suspicious fragments can be detected even in rarely used code fragments.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9jqo4z4icsl5xpzwnhz7.png)


SAST solutions are designed to help developers and security specialists find vulnerabilities in source code. SAST also bridges the gap between security and development, making developers more accountable for their product. For SSDLC, the use of SAST tools has been reinforced at the development stage.


In this [article](https://pvs-studio.com/en/blog/posts/1097/) you will find out myths about SAST and how to choose the correct one.
Are there any fireproof cable bridge manufacturers in which areas?
Published: 2024-01-26 08:21:13

Liaocheng Hejin Special Steel Co., Ltd.
The fireproof cable tray produced by fireproof cable bridge manufacturers first adopted the process of spraying fireproof paint, and the fireproof paint looked unattractive and rough, and now many of them use spraying thermosetting fireproof powder to protect the fireproof and flame retardant surface of the bridge tray. 
Fireproof [cable tray manufacturers](https://www.hejingroup.com/ ) first produced single-layer fireproof cable trays. Later, with the increasing requirements of the market for fireproof performance, many fireproof cable bridges are composite fireproof cable bridges or sandwich fireproof cable bridges. 
According to the structural type, the Punched Cable Tray Manufacturers produced by the fireproof cable tray manufacturer is divided into trough fireproof cable tray, tray fireproof cable tray and ladder fireproof cable tray, and according to the material, it is divided into metal fireproof cable tray and polymer fireproof cable tray.
深入解析：什么是博彩包网？
Published: 2024-01-26 08:16:04

在当今快速发展的在线赌博行业中，博彩包网作为一个核心概念，对于想要进入这一领域的企业和个人来说至关重要。本文旨在全面解析[包网是什么意思](https://www.kzing.co/%E5%8C%85%E7%BD%91%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/)、功能以及[奇迹娱乐包网公司](https://www.kzing.co/about/)如何在这一领域中提供卓越服务。

博彩包网的定义与重要性

博彩包网指的是为客户提供一站式的在线赌博平台搭建服务。这包括网站建设、域名注册、主机托管、网站推广、运营分析、安全防护、游戏接入和支付渠道等。简而言之，博彩包网是一种现成的解决方案，使客户能够轻松、高效地建立和运营自己的博彩网站。

奇迹娱乐包网公司的服务特色

奇迹娱乐，成立于2012年，是业界知名度前五的包网公司之一。他们与1000多个客户合作，凭借丰富的产品和技术经验，深刻理解客户需求，并提供合适的包网方案和服务。

支持的市场和货币

奇迹娱乐支持多种市场和货币，包括中国（人民币）、印度（印度卢比）、印尼（印尼盾）、越南（越南盾）、泰国（泰币）以及各种虚拟货币（比特币、USDT、以太坊等）。他们不断开发更多国际市场，以适应不同地区的需求。

进军东南亚博彩市场

奇迹娱乐专业的包网服务支持客户进军东南亚市场，如印度、泰国、越南、菲律宾等。他们熟悉当地语言、文化和市场，能够针对性地接入当地热门游戏和支付渠道，帮助客户顺利开发当地市场。

奇迹娱乐包网接口的全面服务

奇迹娱乐提供一站式包网服务，包括前台模板设计、后台系统、全面支持PC、H5、手机APP。他们还接入了丰富的游戏选项和支付渠道，确保客户可以迅速创建网站。此外，他们拥有强大的技术团队，提供24小时全天候的专业客服和防御系统，以确保高效的运营模式。

结论

博彩包网作为一种高效、全面的在线赌博平台搭建解决方案，为客户提供了快速进入并成功运营在线博彩业务的机会。奇迹娱乐作为行业内的佼佼者，不仅提供了强大的技术支持和全面的服务，还能够根据不同市场的特点和需求，提供定制化的解决方案。无论是服务器配置、APP开发还是支付系统对接，奇迹娱乐都能确保高效、顺畅的实施和运营，使客户能够在竞争激烈的博彩市场中占据有利地位。
i'm Single And Alone Who Want Meet Mehttps://flirtforyou.life/?u=ekzwkwf&o=7z2mn79&m=1
Published: 2024-01-26 08:14:31

_[](https://flirtforyou.life/?u=ekzwkwf&o=7z2mn79&m=1)_Please Join my profile Here[](https://flirtforyou.life/?u=ekzwkwf&o=7z2mn79&m=1)
GIS MAP Leaflet JS with OPENSTREETMAP SAMPLE
Published: 2024-01-26 08:14:06

```

<!DOCTYPE html>
<html lang="en">
<head>
	<base target="_top">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>Quick Start - Leaflet</title>
	
	<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

	<style>
		html, body {
			height: 100%;
			margin: 0;
		}
		.leaflet-container {
			height: 400px;
			width: 600px;
			max-width: 100%;
			max-height: 100%;
		}
	</style>

	
</head>
<body>



<div id="map" style="width: 600px; height: 400px;"></div>
<script>

	const map = L.map('map').setView([51.505, -0.09], 13);

	const tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
		maxZoom: 19,
		attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
	}).addTo(map);

	const marker = L.marker([51.5, -0.09]).addTo(map)
		.bindPopup('<b>Hello world!</b><br />I am a popup.').openPopup();

	const circle = L.circle([51.508, -0.11], {
		color: 'red',
		fillColor: '#f03',
		fillOpacity: 0.5,
		radius: 500
	}).addTo(map).bindPopup('I am a circle.');

	const polygon = L.polygon([
		[51.509, -0.08],
		[51.503, -0.06],
		[51.51, -0.047]
	]).addTo(map).bindPopup('I am a polygon.');


	const popup = L.popup()
		.setLatLng([51.513, -0.09])
		.setContent('I am a standalone popup.')
		.openOn(map);

	function onMapClick(e) {
		popup
			.setLatLng(e.latlng)
			.setContent(`You clicked the map at ${e.latlng.toString()}`)
			.openOn(map);
	}

	map.on('click', onMapClick);

</script>



</body>
</html>

```