首页用javascript实现将用户输入的字符串反向输出到页面是，并且要求将其中的小写字母转化为大写字母

用javascript实现将用户输入的字符串反向输出到页面是，并且要求将其中的小写字母转化为大写字母

时间: 2023-06-12 17:07:30 浏览: 294

可以使用JavaScript中的字符串方法和循环来实现字符串反转和大小写转换。代码如下： ```html <!DOCTYPE html> <html> <head> <title>Reverse and Uppercase String</title> </head> <body> <label for="input">Enter a string:</label> <input type="text" id="input"> <button onclick="reverseAndUppercase()">Reverse and Uppercase</button> <p id="output"></p> <script> function reverseAndUppercase() { // 获取用户输入的字符串 var input = document.getElementById("input").value; // 反转字符串 var reversed = ""; for (var i = input.length - 1; i >= 0; i--) { reversed += input.charAt(i); } // 将小写字母转换为大写字母 var uppercased = ""; for (var i = 0; i < reversed.length; i++) { if (reversed.charAt(i) >= 'a' && reversed.charAt(i) <= 'z') { uppercased += reversed.charAt(i).toUpperCase(); } else { uppercased += reversed.charAt(i); } } // 将结果输出到页面 document.getElementById("output").innerHTML = uppercased; } </script> </body> </html> ``` 在这个代码中，我们首先获取用户输入的字符串，并使用一个循环将其反转，然后再使用另一个循环将其中的小写字母转换为大写字母。最后，我们将结果输出到页面上。

阅读全文