Syntax error JavaScript Location protocol Property

JavaScript Location protocol Property

The JavaScript location protocol property returns the protocol used by the current URL.

Following is the code for Location protocol Property in JavaScript −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample{
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>Location protocol Property</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to get the location protocol
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      sampleEle.innerHTML = 'The protocol used by the website = ' + location.protocol;
   });
</script>
</body>
</html>

Output

On clicking the “CLICK HERE” button −

Updated on: 2020-05-11T13:29:26+05:30

200 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements