0

У меня есть код с помощью которого пользователь может написать какую фигуру он хочет (круг или квадрат) и цвет (красный, синий, зеленый) и фигура по его параметрам появиться. Но теперь нужно добавить что бы пользователь мог задать ширину и высоту этих фигур, так же как до этого вводил нужный ему цвет и фигуру

Нужно что бы вылезало окно prompt и в нем можно было вписать ширину и высоту фигуры и потом появлялась фигура с указанной шириной и высотой

Вот что у меня есть:

HTML

     <html>
    <head> 
    <title>5111-61</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="Untitled-1.css" type="text/css" />
    </head>
    <body>
    <script src="script.js"></script>
    </body>
    </html>

CSS

div1r{
width: 150px ;
height: 150px;
background-color: red;
float: left;
margin: 10px;
}
div1g{
width: 150px ;
height: 150px;
background-color: green;
float: left;
margin: 10px;
}
div1b{
width: 150px ;
height: 150px;
background-color: blue;
float: left;
margin: 10px;
}
div2r{
width: 150px ;
height: 150px;
background-color: red;
float: left;
margin: 10px;
border-radius: 100px;
}
div2g{
width: 150px ;
height: 150px;
background-color: green;
float: left;
margin: 10px;
border-radius: 100px;
}
div2b{
width: 150px ;
height: 150px;
background-color: blue;
float: left;
margin: 10px;
border-radius: 100px;
}

JS

let figura = prompt('Какую фигуру вам нужно?', '');
if (figura == 'круг') {document.write('<div2></div2>')}
if (figura == 'квадрат') {document.write('<div1></div1>')}


let tsvet = prompt('Какого цвета вам нужно фигура?', '');
if ((figura == 'круг') & (tsvet == 'красный')) {document.write('<div2r></div2r>')}
if ((figura == 'круг') & (tsvet == 'зеленый')) {document.write('<div2g></div2g>')}
if ((figura == 'круг') & (tsvet == 'синий')) {document.write('<div2b></div2b>')}

if ((figura == 'квадрат') & (tsvet == 'красный')) {document.write('<div1r></div1r>')}
if ((figura == 'квадрат') & (tsvet == 'зеленый')) {document.write('<div1g></div1g>')}
if ((figura == 'квадрат') & (tsvet == 'синий')) {document.write('<div1b></div1b>')}

let razmer = prompt('Какого размера будет фигура (в пикселях)?', '');
2
  • Так и в чём вопрос-то? Если ты мог до этого всё это добавить, то в чём сложность добавить ещё prompt? Commented 16 окт. 2021 в 13:55
  • prompt добавить не проблема. как сделать так что бы значение из prompt было переменено потом к файлу css и что бы фигура меняла свою ширину и высоту Commented 16 окт. 2021 в 13:59

1 ответ 1

0
document.write('<div2r style="width:' + razmer + 'px"></div2r>')
2
  • Спасибо огромное!❤ Commented 16 окт. 2021 в 14:21
  • @DmitryTsvetkov Пожалуйста. Успехов. Знак "галочка" - слева от ответа.
    – user176262
    Commented 16 окт. 2021 в 14:24

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.