【Day2】 Text box - Modified
前回記事をdocumentを使わずにやってみようという話。
Language
HTML
CSS
Javascript
Code
HTML/ Javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>googrun</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div class="container">
<img src="googrun.jpg" alt="logo">
<form name="tb">
<input class="box" type="search word" name="txbx" placeholder="What's your name?" onblur="tbox1(this)">
</form>
<p>
<form>
<input class="button1" type="button" name="search" value="Enter" onClick="tbox1(this)">
</form>
</p>
<!-- <p>
<form>
<input class="button2" type="button" name="search" value="I'm Feeling Lucky">
</form>
</p> -->
</div>
<script>
//Get the words from txbx
function tbox1(e) {
alert(event.target.value)
}
</script>
</body></html>
Note
赤字が変更点。現時点ではまったくちんぷんかんぷん。
今はわからなくていいので、とにかく課題をこなしていこうということを言われたので、とりあえず次に進むことに。
意味はわからないけど、とりあえず呪文は手に入った。
onBlur
onClick
document
event.target.value
Reference
これといった記事にたどりつかず。