Elegant Way of Passing an Object of Parameters into a Function

AmitDiwan
Updated on 21-Jul-2020 07:38:18

89 Views

Following is the code to pass an object of parameters to a function −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .sample {       color: red;    } Passing an object of parameters into a function CLICK HERE Click on the above button to add 4 object values by passing them to a function    let ... Read More

Merge Objects into a Single Object Array with JavaScript

AmitDiwan
Updated on 21-Jul-2020 07:35:17

278 Views

Following is the code to merge objects into a single object array −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .sample {       color: red;    } Merge objects into a single object array [{id:22, class:7}, {name:'Rohan', age:12}, {state:'Delhi', country:'India'}] CLICK HERE Click on the above button to merge the above objects inside array into ... Read More

Put a ListView into a ScrollView without Collapsing on Android in Kotlin

Azhar
Updated on 21-Jul-2020 07:35:06

601 Views

This example demonstrates how to put a ListView into a ScrollView without it collapsing on Android in Kotlin.Step 1 − Create a new project in Android Studio, go to File ? New Project and fill all required details to create a new project.Step 2 − Add the following code to res/layout/activity_main.xml.Example Step 3 − Add the following code to src/MainActivity.ktimport android.os.Bundle import android.widget.ArrayAdapter import android.widget.ListView import androidx.appcompat.app.AppCompatActivity class MainActivity : AppCompatActivity() {    private val listViewArray = arrayOf(       "ONE", "TWO", "THREE", "FOUR", "FIVE", "SIX", "SEVEN", "EIGHT", "NINE",       "TEN", "Eleven", "Twelve", ... Read More

JavaScript Text Alert Explanation

AmitDiwan
Updated on 21-Jul-2020 07:32:54

231 Views

The JavaScript alert() function is used to display a popup message to the user.Following is the code for the JavaScript alert() function −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } Javascript text alert CLICK HERE Click on the above button to trigger the alert popup    let BtnEle = document.querySelector(".Btn");    BtnEle.addEventListener("click", () => {       alert("You pressed the button");    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

The Image Object in JavaScript

AmitDiwan
Updated on 21-Jul-2020 07:31:25

3K+ Views

The image object represents the HTML  element.Following is the code for image object in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } The image() object in JavaScript CLICK HERE Click on the above button to display an image    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let newImage = new Image(500, 300);    newImage.src = "https://i.picsum.photos/id/195/536/354.jpg";    BtnEle.addEventListener("click", () => {       resEle.appendChild(newImage);    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Apply Reduce Method for Objects in JavaScript

AmitDiwan
Updated on 21-Jul-2020 07:28:49

191 Views

Following is the code to apply reduce method to objects in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Reduce method for objects in JavaScript { a:6, b:2, c:9, d:5, } CLICK HERE Click on the above button to multiply the above object values together    let resEle ... Read More

Convert Two Arrays into One JavaScript Object

AmitDiwan
Updated on 21-Jul-2020 07:26:34

213 Views

Following is the code to convert two arrays into one JavaScript object −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Convert two arrays into one JavaScript object ["firstName", "lastName", "age"]["Rohan", "Sharma", 21] CLICK HERE Click on the above button to create an object from the above two arrays ... Read More

Assign Values to an Array with Null or Empty Objects in JavaScript

AmitDiwan
Updated on 21-Jul-2020 07:24:10

923 Views

Following is the code to assign values to an array with null/empty objects using JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Assign values to an array with null/empty objects CLICK HERE Click on the above button to assign values to empty object inside arrObj    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let obj = ... Read More

Create Multidimensional JavaScript Object

AmitDiwan
Updated on 21-Jul-2020 07:22:08

4K+ Views

Following is the code to create a multidimensional JavaScript object −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple; } Create a multidimensional JavaScript object CLICK HERE Click on the above button to create and display a multidimensional object    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    BtnEle.addEventListener("click", () => {       let obj = {          firstName: "Rohan",          lastName: "Sharma",          school: {             name: "St Marks",             address: {                city: "Dwarka",                state: "Delhi",             },          },       };       console.log(obj);    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button and inspecting the output in console −

Access an Object Through Another Object in JavaScript

AmitDiwan
Updated on 21-Jul-2020 07:20:15

487 Views

Following is the code to access an object through another object in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Access an object through another object in JavaScript CLICK HERE Click on the above button to display obj2    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let obj = {       firstName: "Rohan",   ... Read More

Advertisements