<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table with Cell Dividers and Rounded Corners</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="table-container">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table with Cell Dividers and Rounded Corners</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="table-container">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
π1π₯1
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.table-container {
overflow: hidden;
border-radius: 10px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
table {
width: 100%;
border-collapse: collapse; /* Ensures borders are merged */
}
th,
td {
padding: 12px;
text-align: left;
border: 1px solid #ddd; /* Divider for each cell */
}
th {
background-color: #f4f4f4;
font-weight: bold;
}
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.table-container {
overflow: hidden;
border-radius: 10px; /* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}
table {
width: 100%;
border-collapse: collapse; /* Ensures borders are merged */
}
th,
td {
padding: 12px;
text-align: left;
border: 1px solid #ddd; /* Divider for each cell */
}
th {
background-color: #f4f4f4;
font-weight: bold;
}
π1π₯1π1
image.png
117 KB
What are Arithmetic Operators in JavaScript.
π₯1π₯°1
50 questions.pdf
226.5 KB
From basics to advanced, these 50 JavaScript interview questions cover it all!
π1
Ans-
β’ eval() is a function in many programming languages, including JavaScript.
β’ Itβs short for evaluate and takes a string as an argument and executes it as if it were actual code.
For example-
let x = 10;
let y = 20;
let result = eval('x + y');
console.log(result); // This will output 30
However, eval() can be risky if itβs used with arbitrary or untrusted strings because it can execute any code passed into it, potentially leading to security vulnerabilities or unexpected behavior.
In general, Itβs recommended to avoid using eval() whenever possible, especially with user generated input.
β’ eval() is a function in many programming languages, including JavaScript.
β’ Itβs short for evaluate and takes a string as an argument and executes it as if it were actual code.
For example-
let x = 10;
let y = 20;
let result = eval('x + y');
console.log(result); // This will output 30
However, eval() can be risky if itβs used with arbitrary or untrusted strings because it can execute any code passed into it, potentially leading to security vulnerabilities or unexpected behavior.
In general, Itβs recommended to avoid using eval() whenever possible, especially with user generated input.
π1
Q.264 What is appendChild method in JavaScript.pdf
18.5 KB
ππ©π©ππ§π ππ‘π’π₯π π¦πππ‘π¨π π’π§ πππ―ππππ«π’π©π
200 fullstack web development interview questionsππ»ππ»ππ»ππ»ππ»ππ»ππ»ππ»