HTML: {

easy: [
{ question: '1) What is the correct syntax to write an HTML comment?',
options: ['<!--comment-->', '\\comment', '#comment','/*comment*/'], answer: '<!--
comment-->' },
{ question: '2) What is the effect of the <b> tag?', options: ['it convert
the text within it to bold font.', 'it is used to write black-colored font', 'it is
used to change the font size','None of the about'], answer:'it convert the text
within it to bold font.'},
{ question: '3) What is the smallest header in HTML by default?', options:
['h1', 'h2', 'h6','h4'], answer:'h6'},
{ question: '4) What tag is used to render an image on a webpage?', options:
['img', 'src', 'image', 'None of the about'], answer:'img'},
{ question: '5) Which attribute is used to provide a unique name to an HTML
element?', options:['id', 'class', 'type', 'None of the about'], answer:'id'},
],
medium: [
{ question: '1) DOM stands for ?', options: ['Document object model', ' Data
object model', 'Document Oriented model', 'Data-oriented model'], answer: 'Document
object model' },
{ question: '2) What are meta tags used for?', options: ['To store
information usually relevant to browsers and search engines', 'To only store
information usually relevant to browsers', 'To only store information about search
engines','To store information about external links'],answer: 'To store information
usually relevant to browsers and search engines'},
{ question: '3) Which of the following is used to increase the row heigh?',
options: [' cell spacing', 'Cell padding', 'Row span', 'Col span'], answer:'Row
span'},
{ question: '4) Who is the father of HTML?', options: [' Rasmus Lerdorf', '
Tim Berners-Lee', 'Brendan Eich', 'Sergey Brin'], answer:' Tim Berners-Lee'},
{ question: '5) Which HTML element is used for YouTube videos ?', options:
['<samp>', '<small>', ' <frame> ', '<iframe>'], answer:'<iframe>'},
],
hard: [

{ question: '1) Which of the following is not the element associated with the
HTML table layout??', options: ['alignment', 'color', 'size', 'spanning'], answer:
'color' },
{ question: '2) A program in HTML can be rendered and read by?', options:
['Web browser', 'Server', 'Interpreter', 'None of the above'], answer: 'web
browser'},
{ question: '3) Which HTML tag is used to display the power in expression,
i.e., (x2 - y2)?', options: ['<sup>', '<sub>', '<p>', 'None of the about'],
answer:'<sup>'},
{ question: '4) In HTML, tags that include both on and off tag are called?',
options: ['comment tag', 'document tag', 'container tag', 'None of the above'],
answer:'container tag'},
{ question: '5) Increasing the cellpadding means ?', options: [' Increase
the softness of your site', 'Increase the space between cells', 'Increase the
distance between cell and content', 'All of the above'], answer:'Increase the
distance between cell and content'},

],
},
CSS: {
easy: [
{ question: '1) What does CSS stand for?', options: [' Colorful Style
Sheets', 'Cascading Style Sheets', 'Creative Style System', 'Computer Style
Sheets'], answer: 'cascading style sheet' },
 { question: '2) Which property is used to change the text color of an
element?', options: ['font-color', 'color','text-color', 'text-style'], answer:
'color'},
{ question: '3) How do you apply a class to an HTML element?', options:
['<element class="classname">', '<element class: "classname">', '<element
style="classname">', '<element name="classname">'], answer:'<element
class="classname">'},
{ question: '4) Which of the following is the correct syntax to center-align
a block element ?', options: ['text-align: center;', 'align: center;', 'margin:
auto;', 'center: block;'], answer:'margin: auto;'},
{ question: '5) What is the default value of the position property in CSS ?',
options: ['relative', 'absolute', 'fixed', 'static'], answer:'static'},
medium: [
{ question:'1) Which property is used to create a flexible layout in CSS?',
options:['float', 'display-inline', 'display-flex', 'position: relative'], answer:
'display-flex' },
{ question: '2) What does the z-index property do in CSS?', options: ['It
controls the size of an element.', ' It sets the visibility of an element.', 'It
defines the stacking order of overlapping elements.', 'It applies a transformation
to an element.'], answer: 'It defines the stacking order of overlapping
elements.'},
{ question: '3) How do you make each word in a text start with a capital
letter?', options: [' text-transform:capitalize ', ' text-transform:uppercase', '
text-transform:lowercase ', ' text-style:capitalize '], answer:'text-
transform:capitalize '},
{ question: '4) What is the default position value of an element in CSS?',
options: ['static', 'relative', 'absolute', 'fixed'], answer:'static'},
{ question: '5) Which property is used to create rounded corners for an
element ?', options: ['border-style ', 'border-radius', 'border-width', 'border-
color'], answer:'border-radius'},
],
hard: [
{ question: '1) Which of the following is a valid CSS variable declaration?',
options: ['--main-color: #ff0000', 'var(--main-color): #ff0000', 'color: --main-
color', 'main-color: #ff0000'], answer: '--main-color: #ff0000' },
{ question: '2) Which of the following CSS properties can be used to change
the default behavior of flex items in a flex container ?', options: ['flex-basis',
'display', 'justify-content', 'flex-grow'], answer: 'flex-grow'},
{ question: '3) The �color:red� in CSS can be known as ?', options:
['value', 'Declaration', 'selector', 'rule'], answer:'declaration'},
{ question: '4) Which of these functions is the 2D transformation in the
matrix format?', options: ['perspective', 'matrix3d()', 'matrix2d()', 'matrix()'],
answer:'matrix()'},
{ question: '5) The screen media type can be used with?', options:
['television-type devices','computer devices', 'handheld screens', ' all devices'],
answer:'computer devices'},
],
},

JAVASCRIPT: {
easy: [
{ question: '1) What is JavaScript?', options: [' JavaScript is a scripting
language used to make the website interactive', 'JavaScript is an assembly language
used to make the website interactive', ' JavaScript is a compiled language used to
make the website interactive', 'None of the mentioned'],answer:'JavaScript is a
scripting language used to make the website interactive'},
{ question: '2) Which one of the following also known as Conditional
Expression:?', options: ['Alternative to if-else', 'switch statement', 'If-then-
else statement', 'immediate if'],answer:'immediate if'},
 { question: '3) When interpreter encounters an empty statements, what it will
do?', options: ['Shows a warning', 'Prompts to complete the statement', 'Throws an
error', 'Ignores the statements'],answer:'Ignores the statements'},
{ question: '4) The "function" and " var" are known as ?', options:
['keyword', 'datatype', 'Declaration statements', 'Prototypes'],answer:'declaration
statement'},
{ question: '5) Which of the following type of a variable is volatile?',
options: ['Mutable variable', 'Dynamic variable', 'Volatile variable', 'Immutable
variable'],answer:'Mutable variable'},
],
medium: [
{ question: '1) What will be the output of the following code snippet?
print(typeof(NaN));', options: ['Object', 'Number', 'String', 'None of the
about'],answer:'Number'},
{ question: '2) What will be the output of the following code snippet? var a
= true + true + true * 3;

print(a)?', options: ['3', '0', 'Error', '5'],answer:'5'},

{ question: '3) What will be the output of the following code snippet? a =
[1, 2, 3, 4, 5];

print(a.slice(2, 4));', options: ['3,4', '2,3', '3,4,5', '2,3,4'],answer:'3,4'},

{ question: '4) When an operator�s value is NULL, the typeof returned by the
unary operator is?', options: ['Boolern', 'Undefined', 'Object',
'Integer'],answer:'Object'},
{ question: '5) Which function is used to serialize an object into a JSON
string in Javascript?', options: ['stringify()', 'parse()', 'convert()', 'None of
the above'],answer:'stringify()'},
],
hard: [
{ question: '1) What will be the output of the following code snippet?
var a = 1;
var b = 0;
while (a <= 3)
{
a++;
b += a * 2;
print(b);
}', options: ['4 10 18', '1 2 3', '1 4 7', 'None of the
about'],answer:'4 10 18'},

{ question: '2) What will be the output of the following code snippet?
(function(){
setTimeout(()=> console.log(1),2000);
console.log(2);
setTimeout(()=> console.log(3),0);
console.log(4);
})();', options: ['1234', '2314', '2431', '4321'],answer:'2431'},

{ question: '3) What will be the output of the following code snippet?
<script type="text/javascript" language="javascript">

var a = "Scaler";
var result = a.substring(2, 4);
document.write(result);
</script>', options: ['al', 'ale', 'cal', 'caler'],answer:'al'},

{ question: '4) What will be the output of the following JavaScript code?
function compare()
{
let a=2;
let b=2.0;
if(a==b)
return true;
else
return false;
}', options: ['true', 'false', 'compilation error', 'runtime
error'],answer:'true'},

{ question: '5) What will be the output of the following JavaScript code?
function printArray(a)
{
var len = a.length, i = 0;
if (len == 0)
console.log("Empty Array");
else
{
// do-while loop in javascript
do
{
console.log(a[i]);
} while (++i < len);
}
}', options: ['Prints �Empty Array�', 'Prints 0 to the length of the
array', ' Prints the numbers in the array in order', ' Prints the numbers in the
array in order'],answer:' Prints the numbers in the array in order'},
],
},