ボタンを押すとテキストが変更される入力ボックスを作成したいとします。フォーム - ボタンからの入力と返信
私のコードは機能していません。
<!DOCTYPE html>
<head>
<script>
function validate() {
var inputObject = document.getElementById("name");
var paraObject = document.getElementById("response");
if ((inputObject.value.trim() == "") || (inputObject.value == null)) {
alert("Invalid input!");
}
else {
paraObject.innerHTML = inputObject.value;
}
function blue(inputObject) {
inputobject.style.border = "2px solid blue";
}
function required(inputObject) {
if (inputObject.value.trim() == "") {
inputObject.style.border = "2px solid red";
}
else {
inputObject.style.border = "2px solid green";
} }
</script>
</head>
<body>
Name:
<br/>
<input id="name" type="text" name="nameinput"onBlur="required(this)" onFocus="blue(this)"/>
<button class="button" onClick="validate()">Validate Name Input</button>
<br/>
<p id="response">TEST</p>
</body>
</html>
コードに質問を追加してください。 – Andy
[あなたの検証関数には '}'がありません(https://jsfiddle.net/apmvztsx/1/) – Andy