A Pen by Ujjwal Sharma

Developer
Ujjwal Sharma
Size
7,326 Kb
Views
34,408
  1. A Pen by Ujjwal Sharma Previews
  2. A Pen by Ujjwal Sharma HTML Codes
  3. A Pen by Ujjwal Sharma CSS Codes
  4. A Pen by Ujjwal Sharma JS Codes

How do I make an a pen by ujjwal sharma?

What is a a pen by ujjwal sharma? How do you make a a pen by ujjwal sharma? This script and codes were developed by Ujjwal Sharma on 20 August 2022, Saturday.

A Pen by Ujjwal Sharma Previews
IQ Test

A Pen by Ujjwal Sharma - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Ujjwal Sharma</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/lumen/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.standalone.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="root"></div> <script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.30.5/react-bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Ujjwal Sharma - Script Codes CSS Codes

ul { list-style-type: none;
}
table { width: 100%;
}
td, th { text-align: center;
}
button { width: 100%;
}

A Pen by Ujjwal Sharma - Script Codes JS Codes

"use strict";
var Accordion = ReactBootstrap.Accordion;
var Panel = ReactBootstrap.Panel;
var airports = ["ABR", "ABI", "CAK", "ALS", "ABY", "ALB", "ABQ", "AEX", "ABE", "AIA", "APN", "AOO", "AMA", "ANC", "ATW", "AVL", "ASE", "AHN", "ATL", "ACY", "AGS", "AUG", "AUS", "BFL", "BWI", "BGR", "BHB", "BRW", "BTR", "BPT", "BKW", "BED", "BLI", "BJI", "BET", "BTT", "BIL", "BGM", "BHM", "BIS", "BMI", "BMG", "BLF", "BOI", "BOS", "BZN", "BKX", "BRO", "BQK", "BUF", "BUR", "BRL", "BBF", "BTV", "BTM", "CGI", "CLD", "CNM", "CPR", "CID", "CMI", "CHS", "CRW", "CLT", "CHO", "CHA", "CYS", "CHI", "MDW", "CHI", "ORD", "CIC", "CVG", "CKB", "CLE", "CVN", "COD", "CLL", "COS", "COU", "CAE", "CSG", "CLU", "GTR", "OLU", "CMH", "CDV", "CRP", "DAL", "DFW", "DAY", "DAB", "DEC", "DEN", "DSM", "DTW", "DTT", "DVL", "DIK", "DLG", "DDC", "DHN", "DUJ", "DBQ", "DLH", "DRO", "DUT", "EAU", "EEK", "IPL", "ELD", "ELP", "EKO", "ELM", "WDG", "ERI", "ESC", "EUG", "ACV", "EVV", "FAI", "FAR", "FMN", "XNA", "FAY", "FLG", "FNT", "FLO", "FOD", "FLL", "TBN", "RSW", "FSM", "VPS", "FWA", "FYU", "FAT", "GNV", "GCK", "GCC", "GDV", "GFK", "GRI", "GJT", "GRR", "GBD", "GTF", "GRB", "LWB", "GSO", "GLH", "PGV", "GSP", "GPT", "GUC", "HGR", "HNM", "CMX", "HRL", "MDT", "HRO", "BDL", "HVR", "HYS", "HLN", "HIB", "Big", "HHH", "HOB", "HOM", "HNL", "MKK", "EFD", "HOU", "IAH", "EFD", "HTS", "HSV", "HON", "HYA", "IDA", "IND", "INL", "IYK", "IMT", "IWD", "ISP", "ITH", "JAC", "JAN", "MKL", "JAX", "OAJ", "JMS", "JHW", "JST", "JPR", "JLN", "JNU", "OGG", "AZO", "LUP", "FCA", "MCI", "JHM", "EAR", "ENA", "KTM", "EYW", "GRK", "AKN", "IGM", "IRK", "LMT", "TYS", "ADQ", "LSE", "LFT", "LCH", "Hll", "LNY", "LNS", "LAN", "LAR", "LRD", "LRU", "LAS", "LBE", "PIB", "LAW", "LAB", "LWS", "LEW", "LWT", "LEX", "LBL", "LIH", "LNK", "LIT", "LGB", "GGG", "QLA", "SDF", "LBB", "LYH", "MCN", "MSN", "MHT", "MHK", "MBL", "MWA", "MQT", "MVY", "MCW", "MSS", "MFE", "MCK", "MFR", "MLB", "MEM", "MEI", "MIA", "MAF", "MLS", "MKE", "MSP", "MOT", "MSO", "MOB", "MOD", "MLI", "MLU", "MRY", "MGM", "MTJ", "MGW", "MWH", "MSL", "MKG", "MRY", "ACK", "ABF", "BNA", "EWN", "HVN", "MSY", "LGA", "JFK", "NYC", "EWR", "SWF", "PHF", "OME", "ORF", "OTH", "LBF", "OAK", "OGS", "OKC", "OMA", "ONT", "SNA", "MCO", "OSH", "OWB", "OXR", "PAH", "PGA", "PSP", "PFN", "PKB", "PSC", "PLN", "PDT", "PNS", "PIA", "PHL", "PHX", "PIR", "SOP", "PIT", "PIH", "PNC", "PWM", "PDX", "PSM", "PRC", "PQI", "PVD", "PVC", "PUB", "PUW", "UIN", "RDU", "RAP", "RDD", "RDM", "RNO", "RHI", "RIC", "RIW", "ROA", "RST", "ROC", "RKS", "RFD", "RKD", "ROW", "RUT", "SMF", "MBS", "SLN", "SPY", "SLC", "SJT", "SAT", "SAN", "QSF", "SFO", "SJC", "SBP", "SDP", "SBA", "SAF", "SMX", "STS", "SLK", "SRQ", "CIU", "SAV", "BFF", "SEA", "SHD", "SHR", "SHV", "SDY", "SVC", "SUX", "FSD", "SIT", "SGY", "SBN", "GEG", "SPI", "CEF", "SGF", "VSF", "STC", "SGU", "STL", "PIE", "SCE", "SBS", "SUN", "SRY", "TLH", "TPA", "TAX", "TXK", "TVF", "OOK", "TOL", "TOP", "TVC", "TTN", "TUS", "TUL", "TUP", "TWF", "TYR", "UNK", "EGE", "VDZ", "VLD", "VCT", "VIS", "ACT", "ALW", "DCA", "WAS", "IAD", "ALO", "ART", "ATY", "CWA", "EAT", "PBI", "WYS", "HPN", "SPS", "ICT", "AVP", "IPT", "ISN", "ILG", "ILM", "OLF", "WRL", "WRG", "YKM", "YAK", "YUM", "YXX", "YAA", "YEK", "YBG", "YYC", "YBL", "YGR", "YCG", "YYG", "YMT", "YYQ", "YXC", "YDF", "YHD", "YEG", "YEO", "YMM", "YYE", "YXJ", "YSM", "YFC", "YQX", "YGP", "YQU", "YHZ", "YHM", "YFB", "YKA", "YLW", "YQK", "YGK", "YQL", "YXU", "YXH", "YQM", "YYY", "YMQ", "YUL", "YCD", "YYB", "YOW", "YYF", "YZT", "YPW", "YPR", "YQB", "YQZ", "YRT", "YRL", "YQR", "YRJ", "YUY", "YSJ", "YZP", "YZR", "YXE", "YAM", "YZV", "YXL", "YYD", "YYT", "YSB", "YQY", "YXT", "YTH", "YQT", "YTS", "YYZ", "YTO", "YTZ", "YVO", "YVR", "YYJ", "YWK", "YXY", "YWL", "YQG", "YWG", "YZF", "LAX"];
var Header = function Header() { return React.createElement( "div", { className: "jumbotron text-center text-primary" }, React.createElement( "h1", null, "Expedia Flight Assistant" ) );
};
var Main = React.createClass({ displayName: "Main", getInitialState: function getInitialState() { return { arrivalAirport: 'LAX', departureAirport: 'ORD', departureDate: '2016-12-21', data: {}, isPressed: false }; }, getData: function getData() { var _this = this; this.setState({ isPressed: true }); $.getJSON("http://terminal2.expedia.com/x/mflights/search?departureAirport=" + this.state.departureAirport + "&arrivalAirport=" + this.state.arrivalAirport + "&departureDate=" + this.state.departureDate + "&apikey=iA6A1Y2kwa5APSZ2pbic764CRu6uW2wi", function (data) { _this.setState({ data: data }); }); }, setDate: function setDate(event) { this.setState({ departureDate: event.target.value }); }, setDA: function setDA(event) { this.setState({ departureAirport: event.target.value }); }, setAA: function setAA(event) { this.setState({ arrivalAirport: event.target.value }); }, render: function render() { return React.createElement( "div", null, React.createElement( "table", null, React.createElement( "tr", null, React.createElement( "th", null, "Departure Airport" ), React.createElement( "td", null, this.state.departureAirport ), React.createElement( "td", null, React.createElement( "select", { onBlur: this.setDA }, airports.map(function (airport) { return React.createElement( "option", { value: airport }, airport ); }) ) ) ), React.createElement( "tr", null, React.createElement( "th", null, "Arrival Airport" ), React.createElement( "td", null, this.state.arrivalAirport ), React.createElement( "td", null, React.createElement( "select", { onBlur: this.setAA }, airports.map(function (airport) { return React.createElement( "option", { value: airport }, airport ); }) ) ) ), React.createElement( "tr", null, React.createElement( "th", null, "Departure Date" ), React.createElement( "td", null, this.state.departureDate ), React.createElement( "td", null, React.createElement("input", { type: "text", "class": "form-control", onBlur: this.setDate }) ) ), React.createElement( "tr", null, React.createElement("td", null), React.createElement( "td", null, React.createElement( "button", { className: "btn btn-lg btn-primary", onClick: this.getData }, "GET DATA" ) ), React.createElement("td", null) ) ), this.state.data.legs ? React.createElement( Accordion, null, this.state.data.legs.map(function (leg, index) { return React.createElement( Panel, { bsStyle: "primary", header: React.createElement( "div", null, React.createElement( "span", { className: "label label-danger" }, leg.segments[0].airlineCode ), leg.segments[0].flightNumber, " (", leg.segments[0].departureAirportCode, " -> ", leg.segments[0].arrivalAirportCode, ") on ", leg.segments[0].departureTime ), eventKey: index }, React.createElement( "ul", null, React.createElement( "li", null, React.createElement( "strong", null, "Departure:" ), leg.segments[0].departureAirportLocation, " on ", leg.segments[0].departureTime ), React.createElement( "li", null, React.createElement( "strong", null, "Arrival:" ), leg.segments[0].arrivalAirportLocation, " on ", leg.segments[0].arrivalTime ), React.createElement( "li", null, React.createElement( "strong", null, "Flight:" ), leg.segments[0].airlineName, " #", leg.segments[0].flightNumber, " -- ", leg.segments[0].equipmentDescription ), React.createElement( "li", null, React.createElement( "strong", null, "Distance:" ), leg.segments[0].distance, " ", leg.segments[0].distanceUnits ) ) ); }) ) : this.state.isPressed ? React.createElement( "div", { className: "alert alert-success" }, "Fetching Data" ) : React.createElement( "div", { className: "alert alert-info" }, "Choose the Depature and Arrival Airport and the Departure Time and Press \"GET DATA\"" ) ); }
});
var Root = function Root() { return React.createElement( "div", { className: "container" }, React.createElement(Header, null), React.createElement(Main, null) );
};
ReactDOM.render(React.createElement(Root, null), document.getElementById('root'));
$('input').datepicker({ format: 'yyyy-mm-dd'
});
A Pen by Ujjwal Sharma - Script Codes
A Pen by Ujjwal Sharma - Script Codes
Home Page Home
Developer Ujjwal Sharma
Username ryzokuken
Uploaded August 20, 2022
Rating 3
Size 7,326 Kb
Views 34,408
Do you need developer help for A Pen by Ujjwal Sharma?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ujjwal Sharma (ryzokuken) Script Codes
Name
Quote Generator
Game of Life
Weather App
Hermes - v2
D3 Heatmap
Force Directed Graph D3
Twitch.tv API
Camper News
Handbook
Tic Tac Toe
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!