首页 > 解决方案 > 没有错误的损坏的 JavaScript 程序

问题描述

这是一个简单的程序,其中第一个输入设置文本,第二个和第三个输入搜索一个单词并将其替换为另一个,我已经修复了控制台引起我注意的任何错误,但没有立即出现错误它仍然不起作用.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>string</title>
    <link rel="stylesheet" href="styles.css">
    <meta name="author" content="Dylan Handy">
    <meta name="description" content="No purpose">
    <meta name="keywords" content="fill, in, your, keywords, here">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rock Salt">
</head>
<body>
    <form>
<input id="inputbox" type="text" placeholder="Text goes here">
<button type="submit" onclick="plcr()">Submit</button>
<p  id="textbox"  style="background:rgb(160, 158, 158); height: 200px; width: 500px;" ></p>
<input id="search" type="text" placeholder="Search">
<input id="replace" type="text" placeholder="Replace">
<button type="submit" onclick="rplc()">Submit</button>
</form>
    <script>
function plcr(){
"use strict";
    var a = document.getElementById("inputbox").innerHTML;
    console.log('a');
    document.getElementById("textbox").innerHTML = a ;
    
    // b.innerHTML =a; 
    
    

}
function rplc(){
    var b = document.getElementById("textbox").innerHTML;
    var y = document.getElementById("textbox").innerHTML;
    var x = document.getElementById("search").innerHTML;
    
    if(y.contains(x)){
        b.replace(y,x);
    }
    
}
    </script>
</body>
</html>

标签: javascripthtmlsyntax

解决方案


推荐阅读