在JavaScript中，将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。

在JavaScript中，你可以通过以下步骤实现这个功能：

1. 首先，获取用户的输入，可以使用`prompt()`函数让用户输入字符串，例如：

let userInput = prompt("请输入一段文字:");

2. 然后，对输入的字符串进行操作，将其反转并把小写字母转为大写字母，可以利用数组的`split()`, `reverse()`, 和 `join()` 方法以及`toUpperCase()`方法：

let reversedAndCapitalized = userInput.split('').reverse().map(char => char.toUpperCase()).join('');

这里我们首先将字符串拆分成字符数组，然后反向数组，接着遍历数组，将每个字符转换为大写，最后再连接成新的字符串。

3. 最后，将处理后的结果显示在页面上，通常是在HTML元素的`innerText`或`textContent`属性上：

document.getElementById("output").innerText = reversedAndCapitalized;

或者如果你有一个id为"output"的`<p>`标签，可以这样设置其内容：

document.querySelector("#output").textContent = reversedAndCapitalized;

完整的示例代码：

let userInput = prompt("请输入一段文字:");

let reversedAndCapitalized = userInput.split('').reverse().map(char => char.toUpperCase()).join('');

document.querySelector("#output").textContent = reversedAndCapitalized;