用3个按钮制作程序。文本输入在输出到p之前更改大小写。如何继续？

问题描述：

这是针对我正在进行的一个项目，并且提供的阅读材料在帮助我时没有意义。我必须为每个按钮定义一个函数和一个附加函数，以将段落元素的内容更改为最终文本。这是我的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; 
 
    }

答

你并不需要从三个函数返回任何东西。您需要调用用修改后的文本更改段落值的函数。我已经对函数capitalFirst进行了修改。

 function uppercase() { 
     getInput = prompt("Enter some text below."); 
     upperChange = getInput.toUpperCase(); 
     setToParagraph(upperChange); 
    } 
    function lowercase() { 
     getInput = prompt("Enter some text below."); 
     lowerChange = getInput.toLowerCase(); 
     setToParagraph(lowerChange); 
    } 
    function capitalFirst() { 
     getInput = prompt("Enter some text below."); 
     firstChange = getInput.toLowerCase(); 
     capitalizeChange = firstChange.charAt(0).toUpperCase() + firstChange.slice(1); 
     setToParagraph(capitalizeChange); 
    } 
    function setToParagraph(p) { 
     document.getElementById("output").innerHTML = p; 
    }

用3个按钮制作程序。文本输入在输出到p之前更改大小写。如何继续？

相关推荐