Home / Questions / 59521
Accepted
Ricardo Jesus Jarquin Perez
Asked: 2020-04-01 06:53:10 +0800 CST 2020-04-01 06:53:10 +0800 CST

在输入中打印脚本的结果

  • 772

我想将第一个文本框转换为大写和小写，据我所知，我的功能很好，但我不知道如何在下面的文本框中打印结果。每次单击按钮时，页面都会重新加载，并且框中的文本会被删除

function mayus() {
    var resultado
    var inicio
    var inicio = document.getElementById('original');
    var resultado = inicio.toUpperCase();
    document.getElementById('resultado'.innerHTML = resultado)
};
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="/js/script.js"></script>
</head>

<body>
    <noscript>
        <p>
            Bienvenido
        </p>
        <p>
            La página que estás viendo requiere para su funcionamiento el uso de JavaScript. Si lo has deshabilitado intencionadamente,
            por favor vuelve a activarlo.
        </p>
    </noscript>
    <form name="formulario" id="inicial">
        <input type="text" id="original"/><br>
        <input type="text" id="resultado" /><br>
        <input type="submit" value="MAYUSCULA" onclick="mayus()" ><br>
        <input type="submit" value="minuscula">
    </form> 
</body>

</html>

页

javascript

1 Answers

  1. Best Answer

    审查我确定您：

    1）什么都不做，因为变量inicio没有保存文本框的值（值）

    2）在我的特殊情况下，我将直接值分配给我不使用附加的 HTML 元素

    function mayus() {
    var resultado
    var inicio
    var inicio = document.getElementById('original').value;
    var resultado = inicio.toUpperCase();
    document.getElementById('resultado').value= resultado;
};

    3）提交必须是按钮

    <input type="button" value="MAYUSCULA" onclick="mayus()" ><br>

    4）如果你想要它；

    function minus() {
    var resultado
    var inicio
    var inicio = document.getElementById('original').value;
    var resultado = inicio.toLowerCase();
    document.getElementById('resultado').value= resultado;
};

<input type="button" value="minuscula" onclick="minus()">
    • 2