Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

pull #9

Open
wants to merge 14 commits into
base: master
Choose a base branch
from
Open

pull #9

Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
ba76275
Added Form_HTML_Studio
tayleredelen Feb 28, 2023
2217560
push
tayleredelen Feb 28, 2023
412e894
pushpush
tayleredelen Feb 28, 2023
63b0dc8
please-work
tayleredelen Feb 28, 2023
fd946ce
pleaseeee-work
tayleredelen Feb 28, 2023
65fb622
sup
tayleredelen Feb 28, 2023
0d71a8c
yessir
tayleredelen Feb 28, 2023
a3daaaf
yasssss
tayleredelen Feb 28, 2023
7ec582c
changes
tayleredelen Feb 28, 2023
994efff
yeppy
tayleredelen Feb 28, 2023
4fa7058
yeppers
tayleredelen Feb 28, 2023
ef456eb
hell
tayleredelen Feb 28, 2023
4b1f854
maybe
tayleredelen Feb 28, 2023
170b684
pleasework
tayleredelen Feb 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 33 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,47 @@

<head>
<meta charset="utf-8">

<script>
// TODO: create a handler

function setSearchEngine() {

let actions = { //object to pull url based on selection, all are strings
google: "https://www.google.com/search",
duckDuckGo: "https://www.duckduckgo.com",
bing: "https://www.bing.com/search",
ask: "https://www.ask.com/web",
};

const form = document.getElementById('searchForm'); //grab form element with getelementbyid
const selectedEngine = document.querySelector('input[name=engine]:checked'); //example in book made plural to match forms, asking for checked selection
const url = actions[selectedEngine.value]; //look for input with radio button checked
form.setAttribute('action', url); //plaintext attribute we need to set, referring to if we had action in form id...if we replace action with id. other action is referncing url

}
window.addEventListener("load", function(){
// TODO: register the handler
});
const form = document.getElementById('searchForm');
form.addEventListener('submit', setSearchEngine); //not calling it, referencing it. submit events can be tied to form or button
});

</script>
</head>

<body>

<form id="searchForm">
<!-- TODO: add form elements -->
<form id="searchForm" action = "">
<input type = "text" name = "q"/> <!--Step 1 Create a text input within the form and set its name attribute to the value "q".-->

<label><input type="radio" name="engine" value="google"/> Google</label>
<label><input type="radio" name="engine" value="duckDuckGo"/> DuckDuckGo</label>
<label><input type="radio" name="engine" value="bing"/> Bing</label>
<label><input type="radio" name="engine" value="ask"/> Ask</label>

<!--Step 2) Create a radio group with one radio button for each search engine. Recall that radio buttons with the same name are grouped, so use the same value for this attribute, "engine", on each radio button.
Step 3) Create a label element for each radio button.-->

<button id = "submit" value = "Go">Go!</button> <!--Step 4) Finally, add a submit button to the form and set it's value to "Go!".-->
</form>

</body>