In April 2024
Search & Filtering
In this assignment, let's build an Instagram Story Viewer page by applying the CSS concepts we learned till now.
Instructions:
The direction of the linear-gradient for the banner section should be different for devices below 768px and equal and above 768px.
Use the HTML nav element to provide navigation links, either within the current document or to other documents.
The links in the HTML nav element should be hidden in devices below 768px and visible in devices equal to and above 768px.
The HTML input element and HTML button element for search should be hidden in devices below 768px.
The features of the Instagram Story viewer should be displayed vertically in devices below 768px.
The features of the Instagram Story viewer should be displayed horizontally in devices equal to and above 768px.
Note
Achieve the design using the CSS Flexbox layout and Media queries.
Try to achieve the design as close as possible.
Create a 500 element array and load the array with a series of numbers starting at the first position that is the square of the index. For example, at position 0 would be 0, at position 1 would be 1, at position 2 would be 4, at position 3 would be 9…. Etc. Ask the user for a number between 0 and 250,000 and let them know if that number is a square. Employ a binary search.
design a Website for a client based on a shipping logistics.
bunty birthday:
hey!!its bunty bithday
bunty was born on 13 June 2000 he is curious to know ow many people in is locality have their birthdays on the same day,month,year
given buntyBirthday in the prefilled code and a birthdayList as an input, write js program to find the number of people having their birthdays
on the same day
in the same month
in the same year
input:['2000-05-13' , 'June 7 2021' ,'03/24/2000']
output:
1
2
["2011-12-31","2011-02-14",'June 17 1998','12/02/1990','1995-10-23']
o/p:
1
words with vowels
The goal of this coading exam is to quickly get you off the ground with the array method filter().
given vowel list in the prefilled code and wordList as input,write a js program to,
filrer the words from wordslist with at least one vowel in it
log the array containning the filtered words in the console
input:
['Sword' , 'Myth' , 'Patient', 'Rhythm']
output:
['Sword', 'Patient']
input:
['Road' , 'Printer' , 'Eye' , 'Hymn']
output:
['Road' , 'Printer' , 'Eye' ]
this image below link as i want same to same code please provided
https://assets.ccbp.in/frontend/content/dynamic-webapps/bookmark-maker-output-v1.gif
1.The page should have HTML form element with id bookmarkForm
2.The HTML form element with id bookmarkForm should have HTML input elements with ids siteNameInput and siteUrlInput
3.The HTML form element with id bookmarkForm should have HTML button element with id submitBtn
4.Add HTML label elements for HTML input elements with ids siteNameInput and siteUrlInput
5.The HTML form element with id bookmarkForm should have HTML p elements with ids siteNameErrMsg and siteUrlErrMsg
6.The page should have HTML unordered list element with id bookmarksList
Each bookmark item should contain an HTML anchor element to navigate to the bookmarked site
this all test cases are executed please
myFormEl.addEventListener("submit", function() {
event.preventDefault();
if (nameEl.value != '' && passwordEl.value != '') {
resultErrMsgEl.innerText = 'Login Success';
} else {
resultErrMsgEl.innerText = 'Fill in the required details';
}
});
3 cases are not executed please help this is same format need
Capital and Country
The goal of this coding exam is to quickly get you off the ground with HTML select element
Reference image:(final output)
https://assets.ccbp.in/frontend/content/dynamic-webapps/capital-and-country-op.gif
Test cases:
1.page should consist only one HTML span element with a non-empty text content
2.page should consist only one HTML paragraph element
3.page should consist of selected as HTML attribute for the HTML option element
4.JS code implementation should use addEventListenter with event as change
5.when the value of the HTML select element is changed ,then the text content in the HTML paragraph element should be the selected country name
6.page should consist only one main heading element
7.page should consist of HTML select element
page should consist of four HTML option elements with attribute as value.
pass the above all test cases.... 5 case are not executed
Capital and Country
The goal of this coding exam is to quickly get you off the ground with HTML select element
Reference image:(final output)
https://assets.ccbp.in/frontend/content/dynamic-webapps/capital-and-country-op.gif
Test cases:
1.page should consist only one HTML span element with a non-empty text content
2.page should consist only one HTML paragraph element
3.page should consist of selected as HTML attribute for the HTML option element
4.JS code implementation should use addEventListenter with event as change
5.when the value of the HTML select element is changed ,then the text content in the HTML paragraph element should be the selected country name
6.page should consist only one main heading element
7.page should consist of HTML select element
8.page should consist of four HTML option elements with attribute as value.
pass the above all test cases....
5 case is not executed please help me
the goal of this coding exam is to quickly get you off the ground with the array method filter(). given vowels List in the prefilled code and ward List as an input, write a js program to, filter the words from wordsList with at least one vowel in it. log the array containing the filtered words in the console
"use strict";
process.stdin.resume();
process.stdin.setEncoding("utf-8");
let inputString = "";
let currentLine = 0;
process.stdin.on("data", (inputStdin) => {
inputString += inputStdin;
});
process.stdin.on("end", (_) => {
inputString = inputString.trim().split("\n").map((str) => str.trim());
main();
});
function readLine() {
return inputString[currentLine++];
}
function main() {
const wordsList = JSON.parse(readLine().replace(/'/g, '"'));
const vowelsList = ["a", "e", "i", "o", "u"]
// Write your code here
}
