GreenPedia

Developer
Ben
Size
2,410 Kb
Views
40,480
  1. GreenPedia Previews
  2. GreenPedia HTML Codes
  3. GreenPedia CSS Codes
  4. GreenPedia JS Codes

How do I make an greenpedia?

What is a greenpedia? How do you make a greenpedia? This script and codes were developed by Ben on 08 August 2022, Monday.

GreenPedia Previews
IQ Test

GreenPedia - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>GreenPedia</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <header class="text-center"> <h1>Welcome To GreenPedia</h1> <p><a class="btn btn-default" href="https://en.wikipedia.org/wiki/Special:Random" role="button">Random Wiki</a> or <input></input><button class="btn btn-default" type="button">Search</button> </header>
<main class="center-block">
</main>
<footer>
</footer>
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

GreenPedia - Script Codes CSS Codes

body { background-color: #006400; color:white;
}
/*header { line-height: 200%;
}*//
h1{line-height:200%;}
button, a { margin: 0 1em 0 1em; color: #006400 !important; font-weight:bold !important;
}
header p { font-weight:bold; margin:1.5em;
}
input { margin:0 1em 0 1em; display:none; color: #006400; padding:0.3em; border-radius:5px;
}
main { max-width:1100px; margin: 0px 100px 0px 100px;
}
main div { padding: 1em 2em; background-color:white; color: #006400; border:2px; border-color: #006400; border-style: solid; border-radius:10px;
}
a:hover { text-decoration: none;
}
main div:hover { padding: 1em 2em; background-color: #006400; color: white; border:2px; border-color: white; border-style:solid
}

GreenPedia - Script Codes JS Codes

$(document).ready( function(){ var toSearch = "" $('button').click(function(){ $('input').css('display', 'inline') $('button').click(function(){ toSearch = $('input').val() //console.log(toSearch) toSearch=toSearch.replace(' ', '%20') //console.log(toSearch) var url = `https://en.wikipedia.org/w/api.php?action=opensearch&format=json&origin=*&search=${toSearch}&limit=10&profile=normal` console.log(url) $.getJSON(url, function(data){ //console.log('getJSON in action') //console.log(data) htmlElement=`` for (i in data[1]){ var h3 = data[1][i] var p = data[2][i] var href = data[3][i] htmlUnit = ` <a href="${href}"><div> <h3>${h3}</h3> <p>${p}</p> </div></a>` htmlElement = htmlElement + htmlUnit } console.log(htmlElement) $('main').html(htmlElement) }) }) }) }
);
GreenPedia - Script Codes
GreenPedia - Script Codes
Home Page Home
Developer Ben
Username bencarp
Uploaded August 08, 2022
Rating 3
Size 2,410 Kb
Views 40,480
Do you need developer help for GreenPedia?

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!

Ben (bencarp) Script Codes
Name
TESTS
What is in Name
SumAllPrimes
MakeAPerson
Weather App
PairWise
Smallest Common multiple
Promodoro
Fear Not Letter
SumPrimes
Create amazing marketing copy 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!