0
これは私が取り組んでいるプロジェクトのためであり、提供された読書資料は私を助けることに関してここでは意味がありません。ボタンごとに定義された関数と、段落要素の内容を最終テキストに変更する追加の関数を持たなければなりません。ここに私のHTMLとJavascriptのコードがあります。私がよく理解していないのは、関数からの戻り値が、変更されたテキストを段落要素に出力する最終関数にどのように伝達する必要があるかということです。プログラムを実行すると入力が求められますが、その後は何も起こりません。私が紛失している概念を理解するのを助けてください。3つのボタンでプログラムを作成する。テキスト入力は、pに出力する前に大文字と小文字を変更する。続けるには？
<!DOCTYPE html>
<html>
<head>
<title>String Methods</title>
<link rel="stylesheet" href="brimberry_pr9.css">
</head>
<body>
<div>
<script type="text/javascript" src="brimberry_pr9.js"></script>
<button id="uppercase" onclick="uppercase()";>UPPERCASE</button>
<br>
<button id="lowercase" onclick="lowercase()";>lowercase</button>
<br>
<button id="capitalFirst" onclick="capitalFirst()";>Capital First</button>
</div>
<p id="output">Your Changed Text Will Appear Here</p>
</body>
</html>
function uppercase() {
\t getInput = prompt("Enter some text below.");
\t upperChange = getInput.toUpperCase();
\t return upperChange;
}
function lowercase() {
\t getInput = prompt("Enter some text below.");
\t lowerChange = getInput.toLowerCase();
\t return lowerChange;
}
function capitalFirst() {
\t getInput = prompt("Enter some text below.");
\t firstChange = getInput.toLowerCase();
\t capitalizeChange = firstChange.toUpperCase(0);
\t return capitalizeChange;
}
function setToParagraph() {
\t document.getElementById("output").innerHTML = upperChange;
\t document.getElementById("output").innerHTML = lowerChange;
\t document.getElementById("output").innerHTML = capitalizeChange;
}