Вы можете оставить свою таблицу в теле HTML ... и сделать #tableID {display: none;}
В JS:
function check(){
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;
if(username == "user1" && password == "1234"){
alert("hello user")
document.getElementById('tableID').style.display = 'block';
}
else {alert("chek username and password");}
}
Но даже если есть слишком специфический код, когда вам нужноПоместите свой HTML в JS, вы должны экранировать все специальные символы (поиск> escape-код JavaScript)
В основном с символом \ ... иногда с [] или HTML-code
Ex.,
<td> <center> <img src="https://scontent-ams3-1.cdninstagram.com/vp/17d60601e17a27d3a0196470f00c55a4/5CF8DA8C/t51.2885-15/e35/50850072_2165205533518446_3117212119304625148_n.jpg?_nc_ht=scontent-ams3-1.cdninstagram.com" height="200px" width="200px"> </center> </td>
Должен быть заменен на:
<td> <center> <img src="https:\/\/scontent-ams3-1.cdninstagram.com\/vp\/17d60601e17a27d3a0196470f00c55a4\/5CF8DA8C\/t51.2885-15\/e35\/50850072_2165205533518446_3117212119304625148_n.jpg?_nc_ht=scontent-ams3-1.cdninstagram.com" height=\'200px\' width=\'200px\'> <\/center> <\/td>
Вы можете попробовать такие операции здесь - - https://liveweave.com/ Он имеет удобную раскраску, которая сообщает, если естьошибка.
Ps «не могли бы вы объяснить немного больше?»:
<table id="AnyName"> ... </table>
Каждый элемент HTML может иметь уникальный идентификатор, который может быть ориентирован на JavaScript.Также, если вы выбираете классы в CSS с помощью .class {} ... ID можно выбрать с помощью #id {}.Итак, мы создаем изначально невидимую таблицу с #AnyName {display: none}
И после щелчка ... если имя пользователя и пароль совпадают - мы получаем элемент по ID и делаем его видимым:
document.getElementById('AnyName').style.display = 'block';
«Возьмите элемент с этим идентификатором и измените его стиль»
Там может быть .style.border = '1px solid red';
или .style.backgroundColor = 'red';
Но нам нужно сделать его видимым ... Итак, display = 'block';