未定义的ReferenceError: writeIn未在<anonymous>:7:1处定义为change (<anonymous>:5:4)

Question

我试图编写一个函数来更改文本的颜色，但是会发生错误。我绞尽脑汁怎么解决这个问题。

function change() {
var colour = prompt("What's your favourite colour?");
a = colour.value
id = document.querySelector('.tab ');
id.style.backgoundColor = writeIn(a) ;
}
change();
console.log(a);

我编辑了下面的代码，错误发生了，但是值仍然是未定义的，文本中没有发生任何更改。

var changing = function change() {
var cls = document.querySelector('.tab ');
var colour = prompt("What's your favourite colour?");
var a = colour.value;
cls.style.backgoundColor = a ;
alert(a);
}
changing();
console.log(a);

Answer 1

经过一点努力，最终，我可以解决我的问题，并对代码做了很多改进。下面的代码可以工作，但是控制台中会出现一个错误，这不是致命的错误。

function change(class_selector) {
 var cls = document.querySelector(class_selector);
 var colour = prompt("What's your favourite colour?");

if(colour){
 var a = document.querySelector(class_selector).innerHTML= colour;
}else{
 var a = 'blue';
}
cls.style.color = a ;
alert(a);
}
var changing = change('.s-btn__primary');
alert(colour);
console.log(a);

当您想要使用时，应该在函数中输入类的名称。尊重任何努力解决这一挑战的人。

Answer 2

在您的代码中，您没有在任何地方声明writeIn(a)函数。所以这就是错误的原因。

只需注释它将工作的行，或声明writeIn函数即可。

Answer 3

小心你的代码。首先，你错过了第三行的";“。在本例中，可以，但我在每次指令后重新注释您的输入";“。

其次，a是全局变量吗？身份呢？至少使用var，但更好的let或const来声明变量。正如我所理解的那样，id是本地的，a是全局的(从父范围)。在这里你可以读到关于让，常量和变量的文章。

关于你的答案:没有函数writeIn。你应该分配：

id.style.backgoundColor = a;