June 26, 2020

How to Swap Two Variables Without Using Third Variable in Javascript

By Krishnaa JavaScript Questions 0 Comments

How to Swap Two Variables Without Using Third Variable in Javascript

In this video tutorial, you will learn how to swap two variables without using third variable in javascript.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    
    <div>
        <button>Get</button>
        <h1>Result</h1>
    </div>

    <script src="script.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div>

<h1>Result</h1>

</div>

</body>

</html>

CSS:

body {
    text-align: center;
}

div {
    display: inline-block;
}

button{
    display: inline-block;
    padding: 10px 20px;
}

body {

text-align: center;

}

div {

display: inline-block;

}

button{

display: inline-block;

padding: 10px 20px;

}

Javascript:

let btnGet = document.querySelector('button');
let result = document.querySelector('h1');

let a = 'James';
let b = 'Marks';

btnGet.addEventListener('click', () =>{
    [b, a] = [a,b];
    result.innerText = `a: ${a} - b: ${b}`;
});