如何在html中写javascript代码,如何在本地html代码中使用javascript脚本

我在jsfiddle中的代码正在工作，但是当我尝试在本地使用它时没有。 我不知道如何解决它，因为我认为代码是正确的。 我也尝试下载Jquery文件，并将其链接到代码中，但它不起作用。我确信这是一个愚蠢的错误，但我不知道如何解决它。如何在本地html代码中使用javascript脚本

我prova.php文件：

$('#btn').click(function() {

var primo = document.getElementById('faketxt');

var wordLimit = 145;

var words = primo.textContent.replace(/(<([^>]+)>)/ig,"").split(/\s/);

if (words.length) {

var count = 0;

var div = createDiv();

words.forEach(function(word) {

if (++count > wordLimit) {

count = 1;

div = createDiv();

}

if (div.innerHTML) {

div.append(' ');

}

div.append(word);

});

}

});

function createDiv() {

div = document.createElement('div');

div.className = 'fakes';

document.getElementById('boxes').append(div);

return div;

}

Write Here

OK

我的style.css：

#faketxt {

-moz-appearance: textfield-multiline;

-webkit-appearance: textarea;

border: 1px solid gray;

height: 28px;

overflow: auto;

padding: 2px;

resize: both;

width: 400px;

}

.fakes {

width: 150px;

height: 300px;

font-size: 10px;

border-style: solid;

display: inline-block;

float: left;

}

#boxes {

display: flex;

display: inline-block;

}

+0

在控制台中发现了什么错误？ –

+0

默认情况下，我在控制台中看不到任何错误，有一种方法可以看到它们？ –

+0

@NiccolòGuidi在你的js代码的不同位置尝试console.log;例如在点击事件。 –